hexo+GitHub搭建个人博客

附上我的博客 jiangrunkang.cn

安装Node.js

node下载
安装完成后,cmd命令输入

node -v

出现 v12.18.3 即为安装成功

安装Git

Git下载
安装完成后,cmd命令输入

git

出现一些配置文件的信息,即为安装成功

注册github账户

GitHub官网

GitHub创建个人仓库

在这里插入图片描述

生成SSH添加到GitHub

找到安装的Git目录,打开 git-bash.exe
在这里插入图片描述
输入 ssh-keygen -t rsa -C "邮箱名"
在这里插入图片描述
之后打开GitHub,找到 “SSH and GPG keys”,把上面路径里面的内容复制到 “key” 里面。
在这里插入图片描述

将hexo部署到GitHub

在D盘(其他盘也行)新建一个“blog”的文件夹,然后打开cmd命令,进入“blog”文件夹输入:

npm install hexo-cli -g

在这里插入图片描述
然后输入:

hexo init blog

安装完成后,会发现D盘blog文件夹下面多了一个user’sBlog文件夹(这里先不要管)
继续在控制台输入:

cd blog    --进入博客目录
npm install      --进行安装

安装完成后继续在控制台输入:

hexo s -p 4000

然后在浏览器输入 localhost:4000 即可本地预览
进入官方的默认主题,如果感觉不好看也可以在hexo主题进行更换。

typora编辑器的下载

点击这里

下载完成后来完成网站站点的配置,找到博客根目录下的 _config.yml 文件,打开

括号里面填“选”的是可填可不填
括号里面填“改”的要去修改
内容与前面的冒号(:)要留一个英文的空格

subtitle: 相当于网站副标题(选)
description: 网站描述(选)
keywords: 网站关键词(选)
author: 作者(改)
language: zh_CN
skip_render: CNAME(改)
url: https://www.jiangrunkang.cn(改)
deploy:
type: git
repo: https://github.com/YourgithubName/YourgithubName.github.io.git( YourgithubName就是你的GitHub账户)
branch: master
这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub。

npm install hexo-deployer-git --save

然后

hexo clean
hexo generate
hexo deploy

hexo clean清除了你之前生成的东西,也可以不加。
hexo generate 顾名思义,生成静态文章,可以用 hexo g缩写
hexo deploy 部署文章,可以用hexo d缩写
deploy时可能要你输入username和password。
过一会儿就可以在http://yourname.github.io 这个网站看到你的博客了!!

设置个人域名

现在你的个人网站的地址是 yourname.github.io,如果觉得这个网址不够上档次,这就需要你设置个人域名了。
注册一个阿里云账户,在阿里云上买一个域名,各个后缀的价格不太一样。
你需要先去进行实名认证,然后在域名控制台中,看到你购买的域名。
然后 添加解析
在这里插入图片描述
登录GitHub,进入之前创建的仓库,点击settings,设置Custom domain,输入你的域名。
然后在你的博客文件source中创建一个名为CNAME文件,不要后缀。在里面写上你的域名。
最后,在gitbash中,输入

hexo clean
hexo g
hexo d

打开你的浏览器,输入你自己的域名,就可以看到搭建的网站啦!

发布文章

网站部署完成接下来就要发表文章了,打开gitbash输入:

hexo new "newpapername"

然后在source/_post中打开markdown文件,就可以开始编辑了。当你写完的时候,再

hexo clean
hexo g
hexo d
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蒋润康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值