美文网首页
Hexo + Github 静态博客

Hexo + Github 静态博客

作者: 拾识物者 | 来源:发表于2019-04-02 21:57 被阅读0次

    步骤

    1. $ hexo init <folder>
    2. $ cd <folder>
    3. $ npm install hexo-deployer-git --save
    4. 设置自己的域名
      1. 到阿里云或其他域名机构注册一个自己的域名,注意国内要实名认证。
      2. 需要创建CNAME文件,并放到source目录下
      3. CNAME 文件只有一行没有回车,写要从 username.github.io 跳转到的域名。见注意事项 2。
    5. 创建 git 仓库,名称必须为:<username>.github.io,务必初始化的时候创建一个 Readme 文件,内容随意。
    6. 修改_config.yml 添加 delopy 信息
    deploy:
      type: git
      repo: git@github.com:username/username.github.io.git
      branch: master
    
    1. 检查 git 设置:
      1. 方案1:设置单独的 sshkeyuser.nameuser.email,如果有多个账号比较麻烦,需要切换 global 设置。
      2. 方案2:使用常用的 github 账号,添加为该 git 仓库的 Collaborators,就可以直接用常用账号提交了,不用切换设置。见注意事项 3。
    2. 写文章
    3. hexo deploy

    注意事项

    1. Hexo 的 git 目录是个隐藏目录 .deploy_git,不是hexo目录,每次deploy 会在那个隐藏目录下提交新的 commit。
    2. CNAME 文件要放在 source 目录下,否则不会提交到 github。如果在github 的设置里创建,还得下载到 source 目录下,不如直接创建一个。
    3. 使用其他账号管理的手,需要 owner 账号先提交一个 commit,否则 github pages 设置项无效。初始化的时候创建一个 Readme 文件就可以了。

    写文章

    Post

    这个命令会创建一个新的 Post:

    $ hexo new post <title>
    

    Post 目录结构:

    - source
      - <title>.md
      + <title>
    

    Page

    这个命令会创建一个新的页面:

    $ hexo new page <title>
    

    Page 目录结构:

    - source
      - <title>
        + index
        - index.md
    

    主题

    安装使用

    一般的主题都放在 github 仓库里,clone 或者下载下来
    /themes/

    配置文件 _config.yml

    有两个需要关心的配置文件:

    1. 整个网站的配置文件:/_config.yml
      1. 负责全局配置:网站标题、作者名称等
    2. 主题的配置文件:/themes/<theme name>/_config.yml
      1. 外观设置:导航菜单、copyright信息等等

    用过的主题

    • Next,可能是用的最多的主题,网上资料丰富
    • Chan,适合当做照片墙,还凑合

    相关文章

      网友评论

          本文标题:Hexo + Github 静态博客

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