关于学习Hexo博客系统的安装

关于hexo博客系统的安装并托管到Github+CloudFlare

安装Hexo

  1. 环境配置

    1. Node.js （必须）
    2. Git （必须）
    3. VS code Typora (代码编辑器2选1) 博主使用的Windows 11,所以编辑器推荐VS code 编辑Markdown文档+代码执行多合一

  2. 安装Node.js
    到Node.js官网 网址直达 根据自己的系统和想要的环境下载相应的安装包或安装代码安装

  3. 安装Git
    到Git官网 网址直达 根据自己的系统下载相应的安装包安装

  4. 安装VS code
    到VS code官网 网址直达 下载安装包安装

  5. 在D盘创建Hexo文件夹，使用管理员权限运行CMD使用cd命令跳转到建立的Hexo文件夹
    比如博主的Hexo文件夹在d:/Hexo

    1
    d: &cd Hexo

    正式开始安装Hexo

    1
    2
    3
    4
    5
    npm install hexo-cli -g
    hexo init blog
    cd blog
    npm install
    hexo server
    命令注释
    npm install hexo-cli -g安装Hexo源代码
    hexo init blog创建blog项目
    cd blog跳转项目目录
    npm install初始化blog项目
    hexo server启动Blog本地服务

    初始化完成后的文件结构

    1
    2
    3
    4
    5
    6
    7
    8
    .
    ├── _config.yml
    ├── package.json
    ├── scaffolds
    ├── source
    |   ├── _drafts
    |   └── _posts
    └── themes

    常用命令Hexo ：

    命令注释
    hexo clean简写 hexo cl 清除缓存文件 (db.json) 和已生成的静态文件 (public)。
    hexo generate简写 hexo g 生成静态文件。
    hexo server简写 hexo s 启动服务器。 默认情况下，访问网址为： http://localhost:4000/-p xxxx 可以指定端口
    hexo deploy简写 hexo d 部署你的网站。
    hexo new新建一篇文章。

    配置默认_config.yml

    参考Hexo官网文档官网文档直达

创建Github仓库

  1. 注册github账号
    打开Github网站 一键直达github

    点击页面右上角的Sign up

    按要求填写信息注册

  2. 创建仓库
    注册账号登录成功后点击网页左边的的new创建新仓库，仓库名Git-user.github.io
    git-user为你的github账户名称


    这样仓库就创建完成了

一键部署到Github

  1. 安装 hexo-deployer-git。

    1
    npm install hexo-deployer-git --save

  2. 编辑 _config.yml （示例值如下所示）：

    1
    2
    3
    4
    5
    6
    # Deployment
    ## Docs: https://hexo.io/docs/one-command-deployment
    deploy:
      type: git
      repository: git@github.com:Your-name/Your-name.github.io.git
      branch: main

    使用命令: 一键部署到仓库

    1
    hexo cl && hexo g && hexo d

  3. 部署完成了，使用

    1
    https://Your-name.github.io/

    来访问你的Hexo博客

博客美化

安装搜索插件hexo-generator-search

1
npm install hexo-generator-search --save

···未完待续···