美文网首页
hexo博客搭建记录

hexo博客搭建记录

作者: 安东可 | 来源:发表于2017-05-31 18:44 被阅读55次

    简单记录一下利用hexo+github搭建博客的过程

    主要思路

    安装git和node的过程就不多提了,本次安装hexo博客主要采用建立GitHub pages托管,建立两个分支,一个用于提交源文件,一个用于提交hexo静态文件,如果博客需要换电脑,直接git clone下来即可

    hexo分支:博客源文件内容
    master分支:静态博客内容

    一 建立远程库

    注意事项:
        1.建立两个分支master 和hexo
        2.将hexo分支设为默认分支,这样方便提交源文件

    二、下载远程库

    git clone git@github.com:jingxa/jingxa.github.io.git
    

    改成你的名字

    【特别注意】:先不要进行下面的步骤,先将仓库中【.git,.gitignore】复制出来,不然下面安装hexo会将这个给覆盖掉,后面无法提交

    三、开始安装hexo

    1、npm install -g hexo-cli
    2、hexo init
    3、npm install
    4、安装next主题 :
    git clone https://github.com/iissnan/hexo-theme-next themes/next
    

    【注意:在.jithub.io和themes/next都有一个_config.yml的文件,为了区分。我们使用一下称呼】
    --
    github.io/_config.yml:站点配置文件
    --themes/next/_config.yml:主题配置文件

    5.配置站点文件
    【注意:每一项的填写,其:后面都要保留一个空格】

    (1).修改网站相关信息

    title: inerdstack
    subtitle: the stack of it nerds
    description: start from zero
    author: inerdstack
    language: zh-Hans
    timezone: Asia/Shanghai
    

    (2).配置统一资源定位符(个人域名)

    url: http://inerdstack.com
    

    对于root(根目录)、permalink(永久链接)、permalink_defaults(默认永久链接)等其他信息保持默认。
    (3). 配置部署

    deploy:
      type: git
      repo: ssh://git@github.com/jingxa/jingxa.github.io.git
      branch: master
    

    这里我们使用ssh,不使用https,可以避免提交的时候需要输入密码验证
    (4).主题修改

    themes: next
    
    6.配置主题文件

    这些大家自己百度
    【干货】2个小时教你hexo博客添加评论、打赏、RSS等功能

    7.提交

    这一步大家讲源文件提交到github,托管源码,方便以后转移、
    在提交之前,大家需要将【.gitignore】中添加一些配置,免得将一些不必要的东西提交到github上,我的配置如下:

    .DS_Store
    Thumbs.db
    db.json
    *.log
    node_modules/
    public/
    .deploy*/
    

    将这个不必要的忽略掉
    (1).增加文件git add .提交所有的文件
    (2).可以使用git status检查提交哪些东西
    (3).提交git commit -m "自己修改commit信息"
    (4).重要的地方,我们需要将修改提交到hexo,分支

    git push origin hexo
    

    然后完成了源文件的提交,下一步就是提交hexo生成的静态文件,再次之前,需要安装依赖包

    8。安装npm install hexo-deployer-git --save
    npm install hexo-deployer-git --save
    

    其实这一步可以在前面npm install 之后安装

    9.静态博客生成

    我们可以写一篇文章
    (1)。hexo new "你的题目"
    我们可以在本地博客文件夹source->_post文件夹下看到我们新建的markdown文件。
    保存后,我们进行本地发布:
    (2).hexo s -p 8888
    我自己测试,如果使用hexo server会使用默认端口4000,这个一直不能再本地显示,所以我们可以自己更改端口,就能正常访问
    (3).打开浏览器,输入:

    http://localhost:8888/
    

    我们可以在浏览器端看到我们搭建好的博客和发布的文章:

    10.博客提交到github上

    (1).hexo clean这一步主要是清除缓存数据,以后发表是都可以
    (2).hexo g可以简写成hexo g
    (3).hexo deploy可以简写成hexo d
    ——————————————————————————
    以后每次发布文章,都需要提交两次,一次提交源文件,一次提交静态博客内容
    然后访问你的默认网站。就可以看到你的成果了!

    相关文章

      网友评论

          本文标题:hexo博客搭建记录

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