手把手教你使用Heo + Github Pages搭建个人独立博客
系统环境配置
要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧!
安装Node.js
下载Node.js[br]参考地址:安装Node.js
安装Git
下载地址:http://git-scm.com/download/
安装Hexo
$ cd d:/hexo
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo g # 或者hexo generate
$ hexo s # 或者hexo server,可以在http://localhost:4000/ 查看
这里有必要提下Hexo常用的几个命令:
hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹
hexo server (hexo s) 启动本地web服务,用于博客的预览
hexo deploy (hexo d) 部署播客到远端(比如github, heroku等平台)
另外还有其他几个常用命令:
$ hexo new "postName" # 新建文章
$ hexo new page "pageName" # 新建页面
常用简写
$ hexo n == hexo new
$ hexo g == hexo generate
$ hexo s == hexo server
$ hexo d == hexo deploy
常用组合
$ hexo d -g # 生成部署
$ hexo s -g # 生成预览
现在我们打开http://localhost:4000/ 已经可以看到一篇内置的blog了。[br]
作者:
令狐葱 [br]出处:
http://jiji262.github.io/
[br]本文基于 知识共享署名-相同方式共享 4.0
国际许可协议发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名
令狐葱及链接。
添加Fork me on Github
获取代码,选择你喜欢的代码添加到hexo/themes/yilia/layout/layout.ejs的末尾即可,注意要将代码里的you改成你的Github账号名。
添加支付宝捐赠按钮及二维码支付
支付宝捐赠按钮
在D:hexothemesyilialayout_widget目录下新建一个zhifubao.ejs文件,内容如下
打赏他
[br]
添加完该文件之后,要在D:/hexo/themes/yilia/_config.yml文件中启用,如下所示,添加zhifubao
widgets:
- category
- tag
- links
- tagcloud
- zhifubao
- rss
二维码捐赠
首先需要到这里获取你的支付宝账户的二维码图片,支付宝提供了自定义功能,可以添加自定义文字。
我的二维码扫描捐赠添加在about页面,当然你也可以添加到其它页面,在D:hexoblogsourceabout下有index.md,打开,在适当位置添加
欢迎您捐赠本站,您的支持是我最大的动力!
![][http://7xsxyo.com1.z0.glb.clouddn.com/2016/04/15/FoJ1F6Ht0CNaYuCdE2l52F-Fk9Vk202.png]
[br]
可以让图片居中显示,注意将图片链接地址换成你的即可。
添加百度站内搜索
点击进入,点击其它工具->站内检索->现在使用->新建搜索引擎->查看代码,将代码里的id值复制,打开/d/hexo/themes/jacman/_config.xml,配置成如下即可。
baidu_search: ## http://zn.baidu.com/
enable: true
id: "1433674487421172828" ## e.g. "783281470518440642" for your baidu search id
site: http://zhannei.baidu.com/cse/search ## your can change to your site instead of the default site
使用不蒜子添加访客统计
详情参考搞定你的网站计数,具体做法很简单,就是在你的themes/your themes/layout/_partial/footer.ejs底部加入这段脚本
然后在
中间添加如下统计信息即可
本站总访问量 次, 访客数 人次, 本文总阅读量 次
不蒜子的官方服务网站是不蒜子,目前最大的弊端就是不开放注册,所以对于运行了一段时间的网站,不蒜子的数据都是从1开始,没办法设置,只有等后期开放注册之后,登入网站才能对统计计数进行设置。
参考链接
Hexo主页[br]hexo你的博客[br]Github Pages个人博客,从Octopress转向Hexo[br]如何搭建一个独立博客——简明Github Pages与Hexo教程[br]如何在一天之内搭建以你自己名字为域名又具备cool属性的个人博客[br]手把手教你建github技术博客by hexo[br]Markdown 语法说明 (简体中文版)
关键字:Hexo, Github
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!