使用GitHub+Hexo搭建个人博客

很多人可能会跟我一样,想搭一个博客,写写感想写写学习总结,可以装逼、可以留下一些活着的证据。本来我是在自己搭的博客写东西的,但是奈何没人看,没法装逼,就跑这儿来了。
本次介绍的是GitHub+Hexo来搭建博客,GitHub大家肯定很熟,开源的天堂、最大的同性恋交友网站、被微软收购,,,就不说了,Hexo是GitHub上的开源项目,一款基于Node.js的静态博客框架,可以很方便的生成静态的网页文件托管在GitHub上,这个我也没深研究,也不说了,开始动手。

注册GitHub

不会注册?你走吧,你不适合搭建个人博客。
创建个人仓库,repository的名字必须为[github用户名].github.io,具体操作也不再赘述。

安装Git

  • git官网下载安装即可
  • 打开命令行Win+R cmd,验证Git是否安装成功:
git --version

安装Node.js

  • Node.js官网下载安装即可
  • 打开命令行Win+R cmd,验证Node.js是否安装成功:
node -v

安装HEXO并初始化

  • 在任意位置右键菜单,选择Git Bash Here
  • 在命令框中输入以下指令,全局(-g)安装hexo
$ npm install -g hexo
  • 选定一个文件夹(E:\myLearning\hexo),在文件夹中右键选择Git Bash Here,初始化当前文件夹,安装依赖包
$ hexo init 
$ npm install
  • 输入以下指令运行hexo的本地服务器,登陆localhost:4000查看初始化的本地博客
$ hexo server
  • 安装git的依赖包
$ npm install hexo-deployer-git --save
  • 打开编辑hexo文件夹_config.yml文件,修改其中的最后deploy的配置,注意冒号后有一个空格
deploy: 
    type: git 
    repository: [GitHub repository httpURL]
    branch: master 

配置github的仓库

设置SSH keys

  • 在Git Bash输入以下命令检查是否已存在SSHkeys,如果已存在,直接删除C:\Users\计算机用户名\.ssh文件夹
$ ls -al ~/.ssh
  • 依次输入以下指令,邮箱为github的注册邮箱,第一条指令连续回车三次跳过设置
$ ssh-keygen -t rsa -C "[YourGithubEmail]@163.com"
$ ssh-agent -s
$ ssh-add ~/.ssh/id_rsa
  • 执行上述第三条指令,如出现“Coule not open a connection to your authentication agent.”错误,则连续输入以下指令指令
$ eval `ssh-agent -s`
$ ssh-add
  • 执行以下指令复制SSH key或直接复制C:\Users\[username]\.ssh\id_rsa.pub文件内容
$ clip < ~/.ssh/id_rsa.pub

设置仓库

  • 打开前面创建的仓库,进入Settings,点击右侧Deploy keys,添加一条key,Title随便起一个名字,Key输入刚才复制的SSH key,点击Add key提交
  • 在Git Bash输入以下指令,有提示并要求输入yse就配置成功了
$ ssh -T git@github.com

测试是否搭建成功

  • 输入以下指令生成静态页面
$ hexo generate
或
$ hexo g
  • 输入以下指令将静态页面部署到GitHub
$ hexo deploy
或
$ hexo d
  • 也可以直接输入以下指令,在部署前先生成,相当于分别执行上面两条指令的效果
$ hexo d -g
  • 浏览器访问http:// [GitHub username].github.io/显示Hexo默认页面,成功!

绑定域名

  • 在腾讯云或阿里云上注册并购买域名,并解析域名,添加DNS记录,记录值为[GitHub username].github.io,一般需要一段时间才能生效
  • 在Hexo根目录的source目录下新建名为CNAME的文件,无后缀名,内容为购买的域名,没有http或www的等前缀
  • 再次生成部署,访问域名即可

写博客

  • 新建:$ hexo new "title" 新文章位置:/source/_posts,打开文件进行编辑
  • 生成并部署到github $ hexo d -g
  • 清除生成的缓存 hexo clean
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值