美文网首页
搭建一个完全属于自己的独立博客

搭建一个完全属于自己的独立博客

作者: DarrenWang | 来源:发表于2018-06-10 18:26 被阅读0次


    已经不记得最初是因为什么而要建这个博客站,但这已经不重要了,这里把建站的过程记录一下,说不定什么时候有需要可以再翻出来看看。


    Hexo+Github

    这个博客站是基于Hexo+Github Page建立的,一开始在网上搜怎么建一个独立博客,就看到有人推荐Github的方式,正好我有Github的账号,所以也没多想,就跟着做,后来又看到有人推荐Hexo,这上面有非常丰富的主题,瞬间颜值就上去了。
    参考网站:

    Next主题

    我这个博客选用的是Next主题,官网上有非常详细的使用教程,非常适合像我这种初学者。不过我这次建站发现官网提供的下载方式版本比较老,可以在它的Github网站下载最新的版本(本站基于v6.3.0)。
    参考网站:

    域名&Github空间绑定

    GoDaddy购买了两年的域名,107大洋,其中7大洋是第一年,后面100大洋/每年,说实话略贵,不过谁让咱有钱(此处应该有个笑哭的表情)。Github空间绑定,即DNS解析我用的DNSpod,具体操作方式可以搜索上面的参考教程。

    统计

    本站选用百度统计用来监控博客流量,以及不蒜子来记录阅读量,这两种统计方法next都内置了,只需要在themes\next\_config.yml中进行设置。
    参考网站:

    图床

    本站选用七牛用来存储博客图片,便于统一管理。

    评论

    Gitment

    本站起初是选用了imsun大神基于Github issues制作的Gitment评论系统。这个系统的好处是和Github一脉相承,给人的感觉简洁自然。但缺点也很明显,它必须使用Github账号登录后才能评论,而且目前还没有直接添加表情的功能,需要基于markdown语法输入。

    Valine

    由于Gitment过于高大上,所以后来还是放弃了,改用Valine,无需登录就能评论,既支持markdown也有emoji表情包,完全满足我的要求。同时Next原生支持Valine,在themes\next\_config.yml中搜索valine进行配置。但Valine也有问题,无需登录是把双刃剑,什么乱七八糟的人都可能来评论,花费大量时间来管理评论可不是什么好事。所以后来也放弃了。Valine参考网站:

    Gitalk

    在网上寻找评论系统的时候看到了Gitalk,和Gitment一样,也是利用了Github Issue来进行评论,所以存在的问题也和Gitment如出一辙:没有直接表情添加,需要Github账号。不过最后我还是选择了Gitalk,原因有二:

    1. 相较于不登录评论,我更倾向于登录评论,开这个博客主要是记录一些工作学习中的心得体会,很大程度上其实是写给自己看的,由于是Github账号,评论素质不会太差,可以免去一些不必要的麻烦。
    2. 相较于Gitment,我更喜欢Gitalk的风格,感觉更加炫酷一些,当然这个喜好因人而异。

    注意

    突然发现gitment&gitalk都有一个神奇的bug,新日志的评论会覆盖掉老日志的,实在没有能力解决,还是换成Valine吧。。。

    这里选择Gitment或Gitalk评论系统时,极有可能出现一个大坑Error: Validation Failed ,原因是:
    > 文章名称经URL编码后添加到issues的label里,但是label的长度上限是50个字符,所以文章名有些长的都会生成label失败,也就没办法评论了。
    解决办法:打开themes\next\layout\_third-party\comments\gitment(gitalk).swig,将id: window.location.pathname(id: location.pathname)改为id: '<%= page.date %>'

    嵌入网易云音乐

    试用了一天后,感觉很吵,直接关掉了,哈哈哈。
    具体方法可以参考教程,不过在得到外链后可以将链接直接复制到 themes\next\layout\_custom 文件夹下的sidebar.swig文件里,这个文件默认是个空文件,就是用来添加一些自定义的内容到侧边栏。同理,如果想把音乐放在博客头部,可以复制到header.swig文件里。

    相关文章

      网友评论

          本文标题:搭建一个完全属于自己的独立博客

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