美文网首页
hexo + github部署搭建个人博客

hexo + github部署搭建个人博客

作者: _paper | 来源:发表于2019-10-17 22:32 被阅读0次

    安装

    hexo是基于node.js制作的一个博客工具
    安装hexo之前首先需要安装node.js

    sudo su
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    cnpm install -g hexo-cli
    

    npm install hexo-cli -g 速度慢,npm 的 registry 修改使用淘宝的镜像

    创建博客

    sudo su
    mkdir hexo-blog
    cd hexo-blog
    sudo hexo init
    
    INFO  Start blogging with Hexo!
    

    文件夹名自定义;输出这个INFO说明成功创建博客。

    查看所生成的文件
    这时 blog 目录下已经生成了关于hexo框架的一些基础内容。

    启动博客

    启动:

    hexo s
    

    或者

    hexo server
    

    启动完成之后,输出如下:

    INFO  Start processing
    INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
    

    浏览器就可以访问本地4000端口:http://localhost:4000

    新建文章

    hexo n "test"
    

    或者

    hexo new "test"
    
    INFO  Created: /Users/paper/Documents/paper/hexo-blog/source/_posts/test.md
    cd source/_posts
    ls -l
    

    查看新建的文章

    编写文章

    编写test.md
    vim, VS code, Sublime Text 等等都可以


    编写后的文章

    换主题

    在github搜索 'hexo-theme',找自己喜欢的主题下载下来,具体的安装方法每个github上写得很清楚,下载的文件一般位于 hexo-blog/themes/ 目录下。
    下载完之后,修改配置文件 hexo-blog/_config.yml

    # Extensions
    ## Plugins: https://hexo.io/plugins/
    ## Themes: https://hexo.io/themes/
    theme: even
    

    even 修改为自己下载下来的主题名,也就是hexo-blog/themes/目录下你下载的文件名。

    Menu + Categories + Tags

    修改 hexo-blog/themes/even/_config.yml

    menu:
      Home: /
      Archives: /archives/
      Categories: /categories/
      Tags: /tags/
    

    添加一些菜单项, 要 new 一下那些页面,比如 Categories:

    hexo new page categories
    

    修改hexo-blog/source/categories/index.md 文件

    ---
    title: categories
    date: 2019-10-18 23:23:02
    type: "categories"
    layout: "categories"
    ---
    

    修改hexo-blog/_config.yml文件
    这时要注意写layout才可以从categories菜单里查看所有categories;

    # Directory
    source_dir: source
    public_dir: public
    tag_dir: tags
    archive_dir: archives
    category_dir: categories
    code_dir: downloads/code
    i18n_dir: :lang
    skip_render:
    

    categories的注释去掉
    tags方法和categories一样。

    在文章里使用 Categories 和 Tags

    ---
    title: for test.
    date: 2019-10-18 22:04:52
    tags: [tags1, tags2]
    categories: category1
    ---
    
    ### test category & tag
    

    部署到GitHub

    1. GitHub上创建一个仓库名为:username.github.io
      username一定要是GitHub的账号
    2. 安装 git 部署的插件
    cnpm install --save hexo-deployer-git
    
    1. 修改配置文件
    cd hexo-blog
    vim _config.yml
    # 最底部
    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: git
      repo: https://github.com/paper00/paper00.github.io.git
    branch: master
    

    指定部署的 type, repo, branch

    1. 部署
    hexo d
    

    或者

    hexo deploy
    Username for 'https://github.com': paper00
    Password for 'https://paper00@github.com': yourpassword
    

    完成

    访问 https://paper00.github.io/

    相关文章

      网友评论

          本文标题:hexo + github部署搭建个人博客

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