hexo建站搭建流程

栏目: 编程工具 · 发布时间: 5年前

  1. 下载并安装 Visual Studio Code, 官方下载

  2. 下载并安装 Nodejs, 官方下载

    node -v
    npm -v
    

    npm 镜像源修改为 淘宝NPM镜像

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    
  3. 下载并安装 Git, 官方下载

    #配置名字和邮箱
    git config --global user.name "test"
    git config --global user.email "test@.com"
    
  1. 安装 Hexo, 官方文档

    cnpm install -g hexo-cli
    hexo -v
    

    初始化博客目录

    cd D
    hexo init blog
    cd blog
    cnpm install
    

    启动服务器,本地预览

    hexo server
    
  1. Hexo 常用站点配置_config.yml

    #网站标题
    title: test
    #作者昵称
    author: test
    #站点描述[签名]
    description: 站点描述
    #网站地址
    url: http://www.test.com
    #文章的链接格式
    permalink: :title.html
    
  2. 添加标签

    #生成文件路径 source/tags/index.md
    hexo new page tags
    #编辑index.md,添加type
    type: "tags"
    
  3. 添加分类

    #生成文件路径 source/categories/index.md
    hexo new page categories
    #编辑index.md,添加type
    type: "categories"
    
  4. 文章添加标签与分类

    categories:
      - hexo
    tags:
      - hexo
      - github
    
  5. 设置阅读全文

    #在文章中使用 <!-- more --> 手动截断 
    <!-- more -->
    
  6. Hexo 主题,这里选择 Next , Github地址 文档

    安装 Next 主题

    git clone https://github.com/iissnan/hexo-theme-next themes/next
    

    启用主题并设置语言,站点配置

    theme: next
    language: zh-CN
    

    主题常用配置,themes/next/_config.yml

    #主题外观设定
    scheme: Gemini
    #设置菜单
    menu:
      home: / || home
      tags: /tags/ || tags
      categories: /categories/ || th
      archives: /archives/ || archive
    #设置代码高亮主题
    highlight_theme: night eighties
    #添加友情链接
    links:
      test: http://www.test.com
    #文章自动添加版权声明
    post_copyright:
      enable: true
    #返回顶部按钮显示百分比
    sidebar:
      scrollpercent: true
    

    设置RSS,安装 hexo-generator-feed

    cnpm install hexo-generator-feed --save
    

    安装hexo-generator-searchdb,添加百度/谷歌/本地 自定义站点内容搜索

    cnpm install hexo-generator-searchdb --save
    

    启用搜索,主题配置

    local_search:
      enable: true
    

    配置搜索,站点配置

    search:
      path: search.xml
      field: post
      format: html
      limit: 7777
    

    设置favicon.ico,将favicon.ico上传至站点根目录/source 目录下,主题配置

    favicon:
      small: favicon.ico
      medium: favicon.ico
    
  7. 部署Hexo至Github

    安装 hexo-deployer-git

    cnpm install hexo-deployer-git --save
    

    站点配置

    deploy:
      type: git
      repo: https://github.com/github账号/github账号.github.io.git
    

    生成并部署

    hexo d -g
    
  8. Github 自定义域名,由于Hexo每次部署到Github都会覆盖Github的域名配置,所以直接在Hexo配置,然后再部署,在根目录下的source目录下新建CNAME文件,无后缀名

    #自定义域名
    xxx.com
    
  9. 解析域名到 github.io,记录类型 = CNAME, 记录值 = github账号.github.io

  10. 码云新建一个项目, 路径 https://gitee.com/test/test.git

  11. Hexo 目录说明

    .deploy_git Hexo默认的.git配置文件夹
    public 根据source文件夹内容自动生成
    
  12. 进入 Hexo根目录,执行以下命令,先删除 themes/next 目录下的 .gitignore 文件

    #初始化仓库
    git init
    #添加远程主机
    git remote add origin https://gitee.com/test/test.git
    #添加目录下所有文件,不包含 .gitignore 声明的文件
    git add .
    #添加更新说明
    git commit -m "hexo first commit"
    #推送更新到云端服务器
    git push -u origin master
    
  13. 创建 test 目录,将 Git 的内容同步到本地并安装Hexo

    mkdir test
    cd test
    git init
    git remote add origin https://gitee.com/test/test.git
    git fetch --all
    git reset --hard origin/master
    cnpm install
    
  14. blog 目录是A电脑, test 目录是B电脑, 更新文章后的同步操作:

    #A电脑修改了 test.md,添加更新说明并推送到远程仓库,使用git status查看状态会显示刚刚更改过的文件状态
    git commit -m "update test.md"
    git push origin master
    git status
    #B电脑同步更新
    git pull origin master
    #可以通过指定当前目录工作分支与远程仓库分支之间的链接关系
    git branch --set-upstream-to=origin/master master
    
  15. hexo 数据文件,通用配置文件,新建 source/_data 目录, 主题的配置可以在此目录下配置,以 Next 主题为例,在此目录下新建 next.yml, 则 next.yml 的配置会覆盖 themes/next/_config.yml 的相同配置


以上所述就是小编给大家介绍的《hexo建站搭建流程》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Zero to One

Zero to One

Peter Thiel、Blake Masters / Crown Business / 2014-9-16 / USD 27.00

“This book delivers completely new and refreshing ideas on how to create value in the world.” - Mark Zuckerberg, CEO of Facebook “Peter Thiel has built multiple breakthrough companies, and ......一起来看看 《Zero to One》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具