首页 > 技术文章 > Hexo搭建个人博客

qxsong 2022-01-23 20:35 原文

Hexo搭建博客具体流程

一、环境准备

1、准备环境 nodejs、npm(下载node自带的包管理器)、cnpm

使用ndoe -v 和 npm -v 检查自己的环境是否准备好

、

2、执行 cnpm install - g hexo-cli 下载Hexo的脚手架!

3、创建安装目录E:\blog (自己随便选择,就是想让博客放在哪),windows直接创建、Linux通过mkdir

4、在命令行中进入当前目录 cd E:\blog

5、使用window系统使用chdir,Linux使用pwd检查当前所在目录: E:\blog

二、初始化Hexo博客

1、hexo init 初始化一个博客

2、windows使用hexo server Linux通过 hexo s 启动博客,发现启动成功访问 localhost :4000

3、启动成功,ctrl + c 断开访问

4、hexo n "我的第一篇博客", 会在这个路径下创建文章 E:\blog\source_posts\我的第一篇博客文章.md

5、cd source\_posts\

6、dir|ls -l 检查是否生成文章!

7、直接找到文件使用Typora打开编辑内容即可,记得保存

8、hexo clean 清理一下

9、hexo g 再次构建

10、hexo server 再次启动 ,发现文章已经更新

三、推送至远端GitHub

1、接下来将文章部署到github、gitee中

2、先在Gitee|Github中创建一个新仓库,仓库名和个人空间名字一致

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6YpwJTa7-1634617161742)(Hexo博客搭建.assets/image-20211019114129664.png)]

3、在windows的Dos窗口下使用npm install --save hexo-deployer-git 下载一个插件

4、打开config.yml文件进行编辑,配置以下内容

注意yml文件格式 : 后需要加空格

deploy:
 	 type: 'git'
  	 repo: git@github.com:SQx000710/SQx000710.github.io.git
 	 branch: main

18、hexo d 部署即可

现在可以通过https://个人空间名.github.io/ 去访问了!

四、更换Hexo主题

关于主题我们可以选择自己喜欢的就行,这里采用了一个yilia的主题

1、使用git clone https://github.com/litten/hexo-theme-yilia t heme/yilla 克隆主题到theme/yilla中

2、再次打开我们E:\blog下的_config.yml文件找到theme,进行如下配置,保存即可

theme: yilia

3、通过 hexo clean、hexo g 清理并且构建项目

、

4、通过hexo s 或server 进行本地本地测试

5、最后通过hexo d 推送到github,结束

注意事项:

  • 需要配置Git的username 和 email

    进入C:\Users\48107,对gitconfig配置

    [user]
    	name = qxsong
    	email = 481072783@qq.com
    
  • 我们整个过程中需要配置Git的ssh公钥

    进入C:\Users\用户名\.ssh目录下,通过 git bash here ,执行ssh-keygen - t rsa 然后一路空格,结束!

    我们会发现C:\Users\用户名\.ssh目录下出现了2个文件夹

    一个是有public的为公钥。另一位为私钥,我们打开公钥复制内容到[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vqultlh3-1634617161744)(Hexo博客搭建.assets/image-20211019115809746.png)]

    完成

推荐阅读