GitHub博客教学
要点如下:
- 1.GitHub账号
- 2.linux/windows/mac 电脑
let’s go
GitHub账号
有GitHub账号就登录没有就注册一下,这里建议用手机版Firefox注册成功率比较高。登录GitHub账号,并点击右上角头像右旁的的向下三角形
之后再点击出现菜单的第二的选项 your repositories
点击new
Repository name 下面的方框填你GitHub的用户名.github.io
你的用户名.github.io
格式一定要是这样的!一定要是!一定要是!重要的事说三遍!之后选择绿色按键Create repository
linux本地设置
先安装hexo
npm install -g hexo-cli
安装git
sudo apt install git
安装nodejs linux_nodejs菜小牛
安装ssh
sudo apt install ssh
连接GitHub
git config --global user.name "GitHub用户名"
git config --global user.email "GitHub邮箱"
创建ssh
ssh-keygen -t rsa -C "GitHub邮箱"
添加秘钥linux
在~/.ssh目录下,查看秘钥
cd ~/.ssh && cat id_rsa.pub
复制id_rsa.pub里的内容,登录GitHub并点击Settings。进入Settings页面,选择左边的 SSH and GPG。Title随便起一个,粘贴id_rsa.pub内容到Key中,点击Add SSH Key完成添加。
验证连接
ssh -T git@github.com
输入yes
显示 “Hi xxx! You’ve successfully……” 即连接成功。
Hexo 初始化
首先创建一个放配置的文件夹,这里我就以blog为例子。
创建文件夹和进入文件夹以及配置我就用一条命令了,不然有点杂乱。
mkdir blog && cd blog && hexo init && npm install
完成之后输入下面的命令,启动本地预览:
hexo g && hexo s
之后访问http://localhost:4000/,出现Hexo页面就说明成功了。这只是本地网页,所以我们要把他部署到GitHub上。
部署
安装hexo-deployer-git
npm install hexo-deployer-git --save
之后在blog目录下的_config.yml结尾添加一些代码
deploy:
type: git
repo: https://github.com/用户名/h用户名.github.io.git
branch: master
保存一下,之后执行下面命令部署到GitHub上:
hexo d
之后终端要求你输入GitHub的账号和密码,到时候输入一下就行了。
完成之后打开之前创建的用户名.github.io
使用
进入blog的目录,在此打开终端,创建博文
hexo new "my new post"
之后进入source文件夹有一个my new post.md的文件,就可以用vim等编辑器撰写博客了。
写完了要重新发布/部署
hexo g && hexo d
美化
如果你觉得默认的主题不好看,你可以换一个主题。
可以参考这个博客咕咕星
结言
如果你觉得对你有用的话,欢迎订阅我的SSR和打赏我的微信哦。你的赏识就是我前进的动力。