美文网首页
hexo + github 搭建个人博客

hexo + github 搭建个人博客

作者: 李四啊_ | 来源:发表于2018-06-04 15:34 被阅读0次

    首先

    官方文档是我们的第一手资料,也是最好的。
    安装 Hexo 相当简单。然而在安装前,您必须检查电脑中是否已安装下列应用程序:
    · Node.js
    · Git

    hexo安装

    如果您的电脑中已经安装上述必备程序,那么恭喜您!接下来只需要使用 npm 即可完成 Hexo 的安装。

    $ npm install -g hexo-cli
    

    建站

    安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

    $ hexo init <folder>
    $ cd <folder>
    $ npm install
    

    新建完成后,指定文件夹的目录如下:

    .
    ├── _config.yml
    ├── package.json
    ├── scaffolds
    ├── source
    |   ├── _drafts
    |   └── _posts
    └── themes
    

    安装hexo插件

    全装上吧,没事。。。

    $ npm install hexo-generator-index --save
    $ npm install hexo-generator-archive --save
    $ npm install hexo-generator-category --save
    $ npm install hexo-generator-tag --save
    $ npm install hexo-server --save
    $ npm install hexo-deployer-git --save
    $ npm install hexo-deployer-heroku --save
    $ npm install hexo-deployer-rsync --save
    $ npm install hexo-deployer-openshift --save
    $ npm install hexo-renderer-marked@0.2 --save
    $ npm install hexo-renderer-stylus@0.2 --save
    $ npm install hexo-generator-feed@1 --save
    $ npm install hexo-generator-sitemap@1 --save
    

    本地查看效果

    执行下面语句,执行完再登录localhost:4000查看效果(执行完不要按Ctrl+C,不然就停止了)

    $ hexo g
    $ hexo s
    

    其他步骤在这里不赘述,参见超详细教程
    传送门

    部署

    $ hexo g -d
    

    部署后我们可以浏览器搜 username.github.io 查看自己的博客效果,,比如我的lruihao.github.io

    美化

    hexo官方主题集合,我用的是aloha主题,该主题官方文档
    hexo个性化教程
    说说我的主题遇到的一些问题,由于这个主题用的人少,所以作者优化的不是很好(next使用最多),当然也可以反过来说,所以自己美化了一点

    about页面

    about页面可以用HTML写,你想怎么写都行,我用的最简单的方法,直接hexo n page "about"后,会生成一个md文件,也就是后面说的文章,直接写文章就行了。

    添加搜索

    algolia参考文件
    邱承佳学长博文
    让搜索引擎找到你的博客,还是看到邱承佳学长博文有写到传送门

    添加访客数,阅读量等

    评论有多说(多说好像挂了),计数有不蒜,我用的不蒜子,还有其他的。。。

    文章阅读量

    打开以下路径在你喜欢的地方添加代码,\blog\hexo\themes\主题名字\layout_partial,找到article.ejs文件

    <div align="left"><span id="busuanzi_container_page_pv">
          本文总阅读量<span id="busuanzi_value_page_pv"></span>次
        </span>
    </div>
    

    站点访问量,访客数

    打开以下路径在你喜欢的地方添加代码,\blog\hexo\themes\主题名字\layout_partial,找到footer.ejs文件

    <script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js">
    </script>
    
    <span id="busuanzi_container_page_pv">
        本站总访问量<span id="busuanzi_value_site_pv"></span>次  |  
    </span>
    <span id="busuanzi_container_site_uv">
        本站访客数<span id="busuanzi_value_site_uv"></span>人次
    </span>
    

    写文章

    hexo文章用轻量型标签语言Markdown编写
    ·markdown入门
    ·繁体原始文件
    ·繁体原始文件github
    ·简体中文文件

    相关文章

      网友评论

          本文标题:hexo + github 搭建个人博客

          本文链接:https://www.haomeiwen.com/subject/eahysftx.html