type
status
date
slug
summary
tags
category
icon
password
警告:这个文章是我在2020年写的,里面的内容极有可能已经过时

一、前言
0.这篇文章是早写的了
老博客崩了,这篇文章来自于老博客,是 2020-08-26 22:55:59 写的老东西了,是否仍适用请自行甄别。
1.为什么写这篇文章?
从昨天开始,慢慢开始折腾博客,总结了一些翻车经验帮小白避一避坑,顺便说一下教程
2.声明
做的可能不好,有不足之处欢迎提出,我会进行改进。
现在做了分流,境内的走Coding的,其他的走Github的,那边都不会加载不出来了。
二、正文
1.什么是Hexo?
Hexo是一款基于Node.js的静态博客框架,可以方便的生成网页并托管在GitHub上。
2.搭建步骤
- 注册GitHub账号
- 创建个人仓库
- 安装Git
- 安装Node.js
- 安装Hexo
- 推送网站
- 更换主题
- 发布文章
- 其他
3.开始
注册GitHub账号
前往 GitHub官网

创建个人仓库



安装Git
前往 Git官网 下载Git安装包

安装过程这里不演示,基本就是一直下一步
接下来,将Git与你的GitHub账号绑定
鼠标右键打开Git Bash

打开后按顺序输入
然后生成ssh密钥文件
然后三个回车
找到生成的.ssh文件夹中的id_rsa.pub密钥,将内容Ctrl+A,Ctrl+C 全部复制

然后打开 GitHub Settings Keys 页面
点击“New SSH Key”


接下来在Gie Bash中检测GitHub公钥是否设置成功
输入

出现如图现象则为成功。
安装Node.js
Hexo基于Node.js,Node.js下载地址
下载完成后测试是否安装成功
在命令行中输入

检测npm是否安装成功
在命令行内输入

到这里,安装Hexo所需的环境已经搭建完成
安装Hexo
安装Hexo
先在电脑内建立一个文件夹,Hexo框架和以后你自己发布的网页都会存在里面
创建完成后,进入文件夹中,点击右键,选择 Git Bash

使用npm命令安装Hexo,输入:
安装过程较长,请耐心等待
安装完成后,需要进行初始化,输入:
现在可以看到网站的雏形了
按顺序输入以下三条命令:
完成后,在浏览器打开输入以下网址:
localhost:4000
可以看到效果了
Hexo命令介绍
推送网站
打开你存放站点的文件夹,找到**_config.yml** 文件
找到最后一行的配置
记得把“repository”后的链接更换为你自己的GitHub项目地址
安装Git部署插件,输入命令
然后,按顺序输入以下三条命令
然后再浏览器打开“xxxx.github.io”
注意:xxxx请更换为你的GitHub用户名
此时你会发现你的博客已经成功上线,可以在网路上访问了
更换主题
默认的主题不是很好看,你可以选择更换一个好看的主题
查找主题可以前往 Hexo官网的主题板块(官网右上角可以切换中文)
这里推荐一个我自己用的模板,里面有中文说明,看看就懂了
https://github.com/blinkfox/hexo-theme-matery
发布文章
在博客根目录下右键打开Git Bash
输入
新建一篇文章
然后前往\_posts目录
会多出一个.md文件,在里面写文章就可以了
编写玩Markdown文件后
在博客根目录下右键打开Git Bash
输入
然后打开就能看到啦
其他
每个字都是手打的,如果有问题的话可以在下面留言,我看到会回复的
可能说的不是很清楚,请见谅
以后会补充更多关于主题和插件的内容
- Author:xyfx663
- URL:http://preview.tangly1024.com/article/hexo1
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!