Hexo+NexT 个人静态博客搭建1 安装与使用

创建时间:20210707-3 22:46

更新时间:20210720-2 14:07

版权作者:koalamini

当前版本:v1_beta

标签分类:软件数码,笔记工具,hexo,博客,blog

TODO: GitLab部署


Hexo+NexT 个人静态博客搭建1 安装与使用

安装

hexo站点构建

  • 下载安装NodeJs
  • 在要存储位置打开cmd
  • 命令行输入npm install -g hexo-cli 安装hexo脚手架
  • 命令行输入 hexo init <blog-name> 初始化站点,博客名称必填
  • 命令行输入 cd <blog-name> 进入博客文件夹
  • 命令行输入 hexo server 本地打开博客网站,浏览器打开http://localhost:4000,缩写为hexo s

NextT主题安装

  • 命令行输入 npm install hexo-theme-next 安装next主题
  • 打开站点配置文档 _config.yml,搜索theme,后面值设为next
  • 打开站点配置文档 _config.yml,搜索language,后面值改为zh-CN,设置语言为中文
  • 命令行输入 hexo s 本地查看博客网站

部署

Github部署

  • 命令行输入 npm install hexo-deployer-git 安装git部署工具
  • 打开github,新建仓库,注意仓库名称要以.github.io结尾
  • github 个人设置中生成token
  • 打开站点配置文档 _config.yml,搜索deploy
  • 命令行输入 hexo deploy 部署到github仓库,缩写为hexo d
  • 浏览器打开博客网址,例如:https://koalamini.github.io/

Coding部署

  • 新建项目,选择【DevOps】模板,因为我们需要它的持续部署功能
  • 完成项目信息填写
  • 新建代码仓库,可以从github中导入

使用

撰写博客

  • 打开scaffolds\post.md,进行自定义博客模板
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    ---
    title: {{ title }}

    date: {{ date }}

    tags:

    categories:
    ---

    > 创建时间:
    >
    > 更新时间:
    >
    > 版权作者:koalamini
    >
    > 当前版本:v1_beta
    >
    > 历史版本:
    >
    > 分类标签:

    摘要编写

    <!-- more -->

    ---

    # <center>文章题目</center>

    ---

    # <center>链接</center>
  • 命令行输入 hexo new <post-name> 新建博客文章,文章名称必填,缩写为hexo n <post-name>
  • 命令行输入 hexo clean && hexo g && hexo s 删除旧生成,重新生成,本地预览博客
  • 如果没问题了 hexo d 部署到Github

    多端同步

  • 备份主题配置文档 _config.yml到站点根目录下的【themes】文件夹,更名为_config.yml
  • Gitee或者Github或者Coding新建私有仓库
  • 使用Git工具同步,这样就可以多端同步写博客了

链接