用Github+Hexo搭建属于自己的个人博客


搭建博客系统后也不知道写些什么,正好刚刚用Github+Hexo搭建了一个博客系统,就先记录下吧!

安装git

git下载连接
安装完成后
安装完成后
关于git的使用可参照这个网站廖雪峰

绑定github

打开Git Bash 输入

git config –global user.name “你的GitHub用户名”
git config –global user.email “你的GitHub注册邮箱”

生成ssh密钥文件:

ssh-keygen -t rsa -C “你的GitHub注册邮箱”

在目录C:\Users\Administrator.ssh找到id_rsa.pub文件打开公钥目录
然后打开https://github.com/settings/keys页面,新建new ssh key,把刚刚生生的你看不懂的长串字段粘贴进去,标题随便取,然后点Add SSH key
添加ssh key
显示添加后基本就可以了

安装Node.js

下载连接
安装后在cmd窗口输入

node -v

出现版本就表示安装上了
ZGkvIH.jpg

安装Hexo

直接可以在cmd窗口输入
因为国外的镜像源很慢,所以更换国内的镜像源
输入:

npm install -g cnpm –registry=https://registry.npm.taobao.org

跟换完成后用cnpm 包管理器
然后输入命令安装hexo:

cnpm install -g hexo-cli

验证hexo是否安装完成:

hexo -v

ZGEuAe.jpg

表示安装完成了,是不是很简单

新建一个文件夹作为你blog的安装目录,不建议桌面
在新建好的文件夹中右击打开 git bash here输入:

hexo init

此后会自动生成必要文件完成后验证运行输入:

hexo g

生成静态文件

hexo s

ZGE09s.jpg

运行后在浏览器中打开localhost:4000/就可以看见创建的博客了,具体使用参照hexo官方使用文档

部署到github

在github上面新建一个仓库
ZGEhC9.jpg
仓库名一定是 “你用户名”.github.io

复制生成的SSH连接,
在init 后的目录下找到_config.yml用文本打开添加

deploy:
type: git
repository: “你复制的SSH连接”
branch: master

然后保存

然后安装一个部署插件

cnpm install –save hexo-deployer-git

安装后
输入:

hexo d

就可以部署到远端了,
用浏览器打开 “你用户名”.github.io就可以看到你部署后的博客系统了


安全问题

换了电脑,移动本地的blog文件后hexo d出现LF will be replaced by CRLF的警告
查阅了一番后似乎没有必要
直接禁用转化就可以了

git config --global core.autocrlf false

此后用hexo d就不会出现这样的问题了,可以正常部署


注释的彩虹滤镜

找到这个路径

themes\hexo-theme-matery\source\css\matery.css

注释掉以下信息

/* .bg-cover:after {
    -webkit-animation: rainbow 60s infinite;
    animation: rainbow 60s infinite;
} */

.bg-color {
    /* background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%); */
    background-image: linear-gradient(to right, #FA6C54 0%, #151947 100%);
}

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