这篇文章记录一下blog的搭建

准备工作

  1. github账号
  2. 安装git
  3. 安装nodejs

这些安装找个教程即可

npm修改全局包位置

这里是为了不占用c盘的空间,npm安装的包默认在c盘

这里了解了几个命令:

npm root -g           // 查看全局包的安装目录
npm list -g --depth 0 // 查看全局安装过的包

npm list命令可能会报错,这时候更新一下npm就可以了

npm update -g –verbose

npm安装分为两类:全局包和项目包

全局安装: 包被安装到了系统目录(一般在系统盘的node_modules中)。

  • 命令:npm install -g 包名 或者 npm install 包名 -g

项目安装(或者叫本地安装),包安装在当前项目的根目录下(与package.json同级)的node_modules中。

  • 命令:npm install 包名

步骤:

  1. 在要安装依赖的目录下新建两个文件夹

    1. 在cmd中执行下面两条指令:

      npm config set prefix"nodeglobal路径"
      npm config set cache "node_cache路径"

      这两条命令修改了存放路径,但是还要修改环境变量系统才知道

    2. 系统变量添加NODE_PATH,路径为node_global下的node_modules;用户变量的路径中添加node_global的路径即可8

      2

    3. 用npm root -g 命令查看一下是否成功了

创建仓库

这里搜搜教程就好了。

安装hexo

去hexo的官网会有安装命令,如下按顺序执行:

在此之前先新建文件夹在我们要的博客目录下,在该目录打开git bash

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server //也可以缩写成hexo s

所有操作在git控制台操作就好,不需要Windows的控制台,因为会装到上面这是全局包那里的目录

输入第五行命令之后就可以看到博客地址:

进行网页之后会给我们一些命令提示:

日常操作使用

hexo new <文章标题>

创建一篇新文章,可以在source/_posts文件夹中看到文章的文件,是md文件

hexo generate//也可以写成 hexo g

用于生成静态网页,在更改博客后可以使用该命令,但刷新一下网页其实也可以

修改主题

我们可以去hexo官网点击下面的探索主题找自己想要的主题;选好之后就会跳到主题的github网页,里面有详细说明可以自己看

发布到github pages

安装hexo-deployer-git

npm install hexo-deployer-git --save

然后我们需要去修改_config.yml下的文件的deploy选项:

deploy:
type: git
repo: https://github.com/clowsman/clowsman.github.io.git
branch: main
token:

注意冒号后一定要空格

但是上面使用token的方式我的会报错,可能是repo地址的问题,所以改成ssh的方式来试一试,ssh就可以不要token了

复制该ssh地址即可

使用之前记得将git绑定ssh

文章头部的一些关键字

参数 描述 默认值
layout 布局 config.default_layout
title 标题 文章的文件名
date 建立日期 文件建立日期
updated 更新日期 文件更新日期
comments 开启文章的评论功能 true
tags 标签(不适用于分页)
categories 分类(不适用于分页)
permalink 覆盖文章的永久链接,永久链接应该以 /.html 结尾 null
excerpt 纯文本的页面摘要。使用 该插件 来格式化文本
disableNunjucks 启用时禁用 Nunjucks 标签 {{ }}/{% %}标签插件 的渲染功能 false
lang 设置语言以覆盖 自动检测 继承自 _config.yml
published 文章是否发布 对于 _posts 下的文章为 true,对于 _draft 下的文章为 false