0. 环境
自己日常电脑为windows10,整体在github创建个人博客教程均基于windows10。
1. 准备工作—软件安装
- Node.js :这个可以直接在官网上选择对应版本安装下载;
- npm :一般安装Node.js时会自动一起安装;
- git bash :安装 git for windows或者其他git;
- hexo : 将本地md文件转为html网页文件,下载链接:官网, [github]( github: https://github.com/hexojs/hexo ) ;
2. 搭建github博客
1.在个人github上创建公开仓库,仓库的命名方式为:github用户名.github.io
。
2.在仓库设置中向下拉, GitHub Pages一栏中选择个人博客主页主题,这里主题可以随意选择,后面会再做调整。
3.设置ssh key: 在git bash中进入~/.ssh中,使用 ssh-keygen -t rsa -C "个人邮件地址"
。 然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub
文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key
。 将刚复制的内容粘贴到key那里,title随便填,保存。
3.hexo使用
1.安装hexo:除了使用官网和github方式进行安装,也可以在git bash中使用命名npm install -g hexo
进行快速安装。
2.初始化:创建固定博客文件夹,此文件夹为个人放所有博客文档和图像的地方,建议不要随意更改。在git bash中进入此文件夹, 使用命令hexo init
进行初始化。初始化需要等待几分钟,完成后文件夹会生成如下文件:
source文件夹中将保存自己的博客文章和图像各种文件。thems保存博客页面主题
3.刚开始使用直接使用命令:hexo g
命令将的source文件夹中md文件内容生成为对应的html文件,hexo s
可以进行预览自己的博客网页 localhost:4000
,输入浏览器就可以本地看到自己的博客。
4.更改博客主题: 网上有很多博客主题,这里给出 官方主题网站, 将上面下载的主题放在 thems
文件夹下。
自己使用的主题为yilia:链接 。下载完成后在_config.yml
文件中将theme:landscope
改为theme:yilia
,重新执行hexo g
就会更改自己博客主题。
5._config.yml文件配置: 更改_config.yml中有关deploy的部分文档,按照图中方式进行修改。修改完成后执行npm install hexo-deployer-git --save
命令安装插件,不然后续会报错。在git bash中使用hexo d
将生成博客进行提交。
6.开始写博客: 在hexo目录下执行命令hexo new "博客名字"
在source目录下会生成相应的md文件,之后在生成的md文件进行博客编辑。编辑完成后使用命令 hexo d -g
进行生成和提交,也可以分开使用命令 hexo g
和hexo d
进行生成和提交。
7.博客带图片: 一般大家博客都会进行配图,使用hexo上传配图博客需要进一步设置。首先将_config.yml文件中的post asset folder
设置为true如下图所示。
再使用hexo new "博客名字"
命令时会在source文家中生成对应博客名字的文件夹,如图所示
其次 执行命令npm install https://github.com/CodeFalling/hexo-asset-image --save
安装需要的插件。最后改变md文件中插入图像命名,改为方式进行插入图像。再次在git bash中使用
hexo d -g
进行博客上传,如果图像显示有问题,检查图像路径是否为./*./
的方式,是否将图像放在对应md文件的文件夹中。
8.hexo命名解释: hexo n ==hexo new
, hexo g == hexo generate #生成静态页面至public目录
, hexo s == hexo server#开启预览访问端口(默认端口4000,'ctrl + c'关闭server)
, hexo d == hexo deploy #部署到GitHub
, hexo help # 查看帮助
, hexo version #查看Hexo的版本
, hexo clean #将github上的博客文档存档进行清除
; 组合命令:hexo s -g #生成并本地预览
, hexo d -g #生成并上传
使用netlify配合github发布博客
一般使用github创建自己的个人博客,要求创建的仓库为公开,一般我自己个人不喜欢公开。所以找了netlify网站进行我github的博客发布,关联在netlify上,即使博客仓库是私有的,也可以进行发布,搭建过程也十分简单。
搭建过程
netlify官方网站:链接
1.点击 Getstarted for free
会出现以下界面, 点击 GitHub
与自己Git相关联
2.创建新site
: 点击New site from Git->GitHub
, 会出现以下界面,直接在search中选择自己需要发表的仓库,选择master分支。点击depolyed
3.depolyed成功后会生成以下界面:
4.点击change site name修改自己链接名字:
5.修改后的网址链接***.netlify.com,可以托管发布自己的博客。