每个程序员都少不了的个人博客搭建

909 阅读2分钟

这是我参与11月更文挑战的第1天,活动详情查看:2021最后一次更文挑战

0. 准备环境

  • git
  • Node.js
  • github 账号

1. 安装

1.1 安装 git

Git下载地址

一路 next 没啥好说的

验证一下,在命令行下执行

D:\GitRepository>git --version
git version 2.13.2.windows.1

就说明成功了

1.2 安装 Node.js

Node.js下载地址

一路 next 没啥好说的

验证一下,在命令行下执行

D:\GitRepository>node -v
v6.11.5

D:\GitRepository>npm -v
3.10.10

1.3 安装 Hexo

npm install -g hexo-cli 

2. 创建本地Blog

在命令行下进入一个空文件夹内,

执行

hexo init

本地blog就创建成功了

执行

hexo g
hexo s

访问 http://localhost:4000/ 就能看到自己的blog了。

3. 主题安装

这里使用的是 viosey 主题

3.1 下载主题:

cd themes
git clone https://github.com/viosey/hexo-theme-material.git material

3.2 使用主题:

修改主目录下的 _config.yml 文件的 theme 值,改为 git 克隆下来的文件夹名称。

重命名 theme/material 目录下_config.template.yml_config.yml

3.3 站内搜索

安装 hexo-generator-search 插件。

修改theme/material 目录 _config.yml 中的 search值

search:
    use: local
    swiftype_key: 

然后在主目录_config.yml文件中添加

search:
	path: search.xml
	field: all

其他相关配置可查看文档

4. 提交部署

在github上创建 xxxx.github.io仓库,其中xxxx是你github的用户名

安装 hexo-deployer-git

npm install hexo-deployer-git --save

配置主目录_config.yml文件

deploy:
  type: git
  repo: 仓库地址
  branch: master

部署到github

hexo d -g

访问下 xxxx.github.io/。试试(xxxx是你自己的用户名)

5. 写blog

创建blog模板

hexo new 这是我的第一篇文章

会在 source/_posts 目录下创建一个md文件。可以编辑这个文件创作blog

6. markdown语法

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

6.1 标题

要创建标题,请在单词或短语前面添加井号 (#) 。井号的数量代表了标题的级别。例如,添加三个井号即创建一个三级标题 (<h3>) (例如:### My Header)。

6.2 代码

要将单词或短语表示为代码,请将其包裹在反引号 (`) 中。 比如:

```
这是一段代码
```

6.3 图片

要添加图片,首先请添加感叹号(!),然后紧跟着是方括号,方括号中可添加替代文本(alt text,即图片显示失败后显示此文本),最后跟着圆括号,圆括号中添加图片资源的路径或 URL。你可以选择在圆括号中的 URL 之后添加标题(即 title 属性)。比如:


![加载图片失败时显示](/图片的路径)

6.4 链接

要创建链接,请将链接文本括在方括号(例如 [Duck Duck Go])中,后面紧跟着括在圆括号中的 URL(例如 (https://juejin.cn/user/3896324938793943) )。

[这是我的个人主页](https://juejin.cn/user/3896324938793943)