美文网首页
利用Github-pages-Hexo-搭博客

利用Github-pages-Hexo-搭博客

作者: 大白杏仁 | 来源:发表于2016-10-02 19:09 被阅读0次

    title: 利用Github pages + Hexo 搭博客
    date: 2016-09-19 13:31:47
    tags:


    搭建Hexo博客托管在Github pages上

    想试一下写博客的感觉,会不会有种牛逼轰轰的感觉,然而并没有。。。不懂的东西太多,但总算搭好了,其实网上教程泛滥,我这里就做个搬运工吧,把自己看到的整理一下!

    一. 安装Git和Node.js

    通过Git把代码提交到Github
    Node.js为hexo运行环境

    此操作较为简单,详细见安装

    二. 将本地环境部署到Github

    1. 访问Github注册账号并登陆
    2. (见下图)点击右上角 New repository 新建一个仓库,仓库名必须得是 用户名.github.io ,(如图名字为OrangePJ , 仓库名就是 OrangePJ.github.io)Description可以不写,免费用户只能点public , 最后点击 Create repository 仓库就创建好了,但是过几分钟才能访问

    仓库名只有这种格式才能建博客,且这种仓库只能建立一个

    创建新仓库 设置
    • 部署
      包括配置SSH Key ,初始化Hexo,安装依赖文件等详细步骤,见参考(就是第一部步骤中网页下半部分)

    当以上步骤都成功完成之后,就可以愉快的玩耍啦。。。才怪,这么丑的主题能忍吗,接下来就是各种换主题

    Tips:如果想搞逼格高一点,可以去买域名而不是用github给的,这类教程网上也是泛滥

    三. 更换主题

    我自己用的Next主题,就是看中它的简单以及提供了详细的官方文档教程,一步步教你

    • 安装主题
    • 设定主题
    • 集成第三方服务

    换完主题后查看效果时记得每次先输入
    <code>hexo clean<code> 清除缓存

    通过localhost:4000来查看本地效果的话,输入
    <code>hexo s<code>

    最终部署到github上查看,
    先输入
    <code>hexo g<code>

    再输入
    <code>hexo d<code>

    第一次用markdown,没写完,前面的妹子就走了。。。

    相关文章

      网友评论

          本文标题:利用Github-pages-Hexo-搭博客

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