教学GitHub博客搭建


GitHub博客教学

要点如下:

  • 1.GitHub账号
  • 2.linux/windows/mac 电脑
let’s go

GitHub账号

有GitHub账号就登录没有就注册一下,这里建议用手机版Firefox注册成功率比较高。登录GitHub账号,并点击右上角头像右旁的的向下三角形

upload successful
之后再点击出现菜单的第二的选项 your repositories
filename already exists, renamed
点击new
filename already exists, renamed
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完成添加。
filename already exists, renamed

验证连接

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和打赏我的微信哦。你的赏识就是我前进的动力。


文章作者: D.riven
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 D.riven !
  目录