欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用HEXO+GitHub搭建自己博客的步骤教程

程序员文章站 2022-03-29 20:25:12
使用HEXO+GitHub搭建自己博客的步骤教程 这是一篇在windows系统上的搭建的步骤,安装hexo前要先安装Node.js和Git 第一步 -用Git Bash进入一...

使用HEXO+GitHub搭建自己博客的步骤教程

这是一篇在windows系统上的搭建的步骤,安装hexo前要先安装Node.js和Git

第一步

-用Git Bash进入一个安全目录(cd d:或者cd ~/Desktop),不要进入根目录 第二步

-在GitHub中建一个空仓库,仓库名字为【github的用户名+github.io】 第三步

-安装hexo :npm install -g hexo-cli

第四步

-博客文件的初始化:hexo init myBlog

-这时候你会在myBlog文件夹中看到生成了以下文件

source:用来存放博客的源文件

themes:用来存放主题

.config_yml: 配置文件,在这里可以设置博客的作者、标题等

第五步

-所有的依赖安装:nap i

第六步

-编辑网站配置:start _congif.yml

把第 6 行的 title 改成你想要的名字

把第 9 行的 author 改成你的大名

把最后一行的 type 改成 type: git

在最后一行后面新增一行,左边与 type 平齐,加上一行 repo: 仓库地址 (注意是SSH地址,冒号后面的空格)

第七步

-安装git部署插件:npm install hexo-deployer-git --save

第八步

-部署hexo:hexo deploy

第九步

-新建博客:hexo new 博客名

-编辑博客内容:start 新建博客那一步生成的路径注意路径中的斜杠改为“/”

第十步

-预览博客

进入github中新建的仓库,打开girhub pages功能,点击链接就可以预览博客了

-给博客换主题

1.选择主题选择:这里有主题的合集,选择一个自己喜欢的主题

2.cd themes

2.下载这个主题,复制它的SSH地址或者http地址,比如我的是:git clone git@github.com:hsihohuang/kiddochan.git

3.回到myBlog目录:cd ..

4.打开配置文件:start _config.yml

5.修改75行theme的值为你下载的主题的名字(注意冒号后面的空格)

6.生成hexo generate,部署deploy,刷新页面就可以了