基于github+hexo搭建的个人博客网站
搭建了一个基于github+hexo的个人博客网站,历经波折,折腾坏了,来记录一下。
一、下载安装Git
下载地址:
二、下载安装Node.js
下载地址: 安装的时候,选择add to path,他会自动配置环境变量。
-
换镜像(亲身体验,可以省去以后好多麻烦)
npm install -g cnpm --registry=https://registry.npm.taobao.org
三、安装Hexo
-
用cnpm全局安装,在桌面右键打开Git bash here输入:
cnpm install -g hexo-cli
-
安装完成后,在命令行里输入hexo -v检查是否安装成功。
四、配置hexo
基本命令了解: 1. hexo -v //查看版本 2. hexo init //初始化一个项目 3. cnpm install 4. hexo clean //清理生成的文件 5. hexo g //生成静态网页文件,g是generate的缩写 6. hexo s //运行到服务器端,s是server的缩写 7. hexo d //部署到远端GitHub, d是deploy的缩写 8. hexo s -p 5000 //在4000端口被占用的时候,修改指定端口 9. cnpm uninstall hexo-cli -g //卸载hexo
-
在本地新建一个文件夹,我命名它为blog 在这个文件夹下,右键打开Git Bash here,输入hexo init,我在这个地方出现了一个WARN,暂时不用管它。 继续输入cnpm install可以看到blog文件夹里出现:
目录介绍: 1. node_modules #本地依赖模块 2. public #hexo g生成的目录,包含静态网页文件,就是看到的博客 2. source #源文件,用来存放我们的写好的博客源文件 3. themes #主题文件夹,里面存放主题 4. _config.yml #站点配置文件,用来配置博客具体的显示内容等 5. db.json #存储一些用到的数据 6.package.json #依赖配置 .deploy_git #hexo s部署到远端的时候会生成的文件夹,是根据public文件夹生成的,内容是差不多的
-
输入:hexo g 输入:hexo s 打开浏览器输入localhost:4000,可以看到部署好了,有一篇hello World的博客 到这一步,本地部署就已经成功了!!
五、连接到远端Github
-
安装 deployer 插件
cnpm install hexo-deployer-git --save
-
打开F:log\_config.yml,找到 deploy。修改如下,其中repo填写你自己的仓库名字。 生成公私钥
ssh-keygen -t rsa -C "注册git使用的邮箱"
-
找到生成的 id_rsa.pub 公钥文件(在C:Userspc.ssh下),复制公钥内容。 到Github你的网站仓库界面:Setting -> Deploy keys -> add deploy key -> Add key,选择Allow write access(允许推送),这样方便以后推送的时候,不用每次都输入密码。 开始推送
hexo deploy
这样在博客和github都可以看到推送的内容。
六、购买绑定域名
阿里云:
-
在阿里云或者腾讯云购买一个域名,我买的是阿里云的.top后缀名的,后缀名不同,价格不同,top最便宜,一年只要九块。 如何买域名以及解析域名不做描述,注意要是实名认证,解析域名的意思就是,把ip地址和域名做一个映射,它让你填的ip地址就是你github网站仓库的ip。如何得到这个ip: 填入ip,完成解析。 在F:logsource下新建一个CNAME.txt,在里面写入你的域名,不要前缀,如: 去掉.txt后缀 绑定域名,到github,找到你的仓库,找到Setting,一直拉到最先面下面。
-
这样就绑定好了。
每次部署的执行次序 1. hexo clean 2. hexo g 3. hexo d
-
执行一次,查看效果。
