美文网首页Hexo
hexo搭建博客心得

hexo搭建博客心得

作者: 偶然思维 | 来源:发表于2017-11-06 21:35 被阅读17次

    缘起

    想搭建一个个人博客,这个念头已经有好久了,之前试过了wordpress,但感觉不是我想要的那个模式,随之也了解到了静态、动态等概念,是的,相比于动,我更喜欢静。最后选择了coding.net搭配hexo的阵容。

    安装环境

    网上攻略有一大堆,照理说完全可以很快安装好。但不知道是不是正是因为一大堆的缘故,层次不齐,简直错误百出,装了两小时都没有装好。这也是本次动笔进行全程回顾的主要诱因。
    由于直接用的是coding webIDE,npm环境其实都已经配置好了,只需要输入短短的一行
    cnpm install -g hexo-cli 就应该完成初步配置了,但结果是不断地报错,由于还是国外的关系,速度连接极慢,浪费了大把时间。
    痛定思痛,发现主要是两个问题。
    一:连接速度慢,有一次直接是连不上断了。
    解决办法:使用淘宝镜像。
    二:npm版本过旧,导致用不上hexo这个框架,
    解决办法:升级npm
    总之,就一行代码就能解决的事:
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    由于改用cnpm,安装hexo的命令也变成了
    cnpm install -g hexo-cli
    环境安装就到此结束。看到有的博客弄得复杂的不得了,真心觉得这才是让人望而却步,放弃建立博客的一大原因。

    安装NEXT主题及优化

    由于NEXT主题简洁的版面以及不少集成功能,让我一眼就相中了它,没有再尝试其他主题。

    安装next主题

    git clone https://github.com/iissnan/hexo-theme-next themes/next

    应用next主题

    修改位于全局下的配置文件_config.yml
    theme: next

    修改头像

    修改位于next下的配置文件_config.yml
    favicon:
    后面的地址,我直接是使用的图床的链接,还有一种方式是放置在资源文件夹中,填写该路径。

    利用leancloud实现显示单篇访问阅读量

    这个功能我也是尝试次数最多的,网上误人子弟的感觉也很多,不过这里可能是版本不同,一开始报错的原因是double,重了。这里只需要修改位于next下的配置文件_config.yml
    leancloud_visitors:
    不过前提需要去leancloud注册,获取id和key

    站点统计

    修改位于next下的配置文件_config.yml
    Baidu Analytics:
    百度统计注册,获取id 位于js?后面的一串数字,填写在里面

    字数统计

    修改位于next下的配置文件_config.yml
    wordcount,改为true
    如果没有效果,可能是没有安装wordcount插件
    cnpm i --save hexo-wordcount

    总结

    网站截图

    这就是我的个人博客的截图了,大家有兴趣的也可以直接访问看看
    为了看看太阳

    相关文章

      网友评论

        本文标题:hexo搭建博客心得

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