美文网首页
使用Github创建自己的小博客

使用Github创建自己的小博客

作者: DeamoV | 来源:发表于2018-08-12 10:29 被阅读105次

懒人攻略

只有四步:

  1. 找到自己喜欢的别人的博客的Github地址,一般为username.github.io结尾。
  2. Fork一份对方的源码,之后把仓库名改为YourGithubName.github.io
  3. _config.yaml中更改个人信息,同时把_posts中的文章都删了,注意别人的文章格式,之后仿照对方的格式写即可。
  4. 给你Fork的原作者写封邮件表达感谢!说不定就这么勾搭了一个大佬也不一定呢。
    完成了四步后,浏览器输入YourGithubName.github.io就能在晚上看到自己的博客啦。

折腾攻略

本这不重新造轮子的原则,附上我参考的大佬们的文章。

  1. 搭建篇:
    简书上chaosinmotion 的 Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
  2. 添加评论系统:
    Github上knightcai的 为博客添加 Gitalk 评论插件
    特别一提,如果出现Validation Error是因为博客标题的名字编码后太长了,参考这个Issue中mr-wind的使用 id: decodeURI(location.pathname) 解决方案。
    注:md5的方案可能更好,偷懒起见我没有用。
  3. 阅读量统计:
    wanghao的 为NexT主题添加文章阅读量统计功能 ,这个文章用的是leandCloud。
  4. 搜索服务:
    使用Algolia,不过自带的LocalSearch比较简单。文章有配置说明。
  5. 主题:
    Next系列。官网有安装手册。
  6. CopyRight:
    在目录下搜索copyright,找到那个html文件进行修改就好了。效果是文章下面的红竖杠中的内容。
  7. 小彩蛋:
    史蒂芬小恐龙,他的js文件在这里!之后就任君发挥啦,Happy Coding。
  8. 最后题外话
    所有的配置基本上都可以在_config.yaml中设置,同时在博客中\代表的就是根目录,这样子你自己在配置其他的功能的时候就可以轻松愉悦的配置。值得一提的是css文件和js文件都在assets文件夹中,自己DIY的时候最好不要打乱目录结构。

相关文章

网友评论

      本文标题:使用Github创建自己的小博客

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