Hexo是一款基于Node.js的静态博客框架,可以方便的生成静态网页托管在GitHub和Coding上,是搭建博客的首选框架。
安装hexo之前,现在电脑上安装git和node.js
git和node.js的安装直接去对应的官网下载安装即可。
node.js官网:https://nodejs.org/en
git官网:https://git-scm.com/
新建保存网站文件的根目录MyBlogSite
,通过git bash运行以下命令:
npm install -g hexo-cli # 安装hexo
hexo init MyBlogSite # 初始化文件夹
npm install # 安装博客需要的依赖文件
启动浏览器,输入<http://localhost:4000>
到目前为止,我们的本地博客就成功搭建了,但是现在我们只能通过本地连接查看博客,我们要做的是让其他人也能够访问我们的博客,这就需要我们将博客部署到Github Pages上,在站点目录下执行下面的命令,也就是创建的博客目录下:
# 1. npm install hexo-deployer-git --save
# 2. ssh-keygen -t rsa -C "你的github邮箱地址"
# 3. 然后一路回车生成密钥文件
然后在输出信息提示的目录下找到名为.ssh的文件夹,文件夹内会有两个文件,一个id_rsa.pub一个id_rsa,用文本编辑器打开id_rsa.pub,复制里面的的内容。然后打开Github,点击右上角的头像Settings 选择SSH and GPG keys。点击New SSH key将之前复制的内容粘帖到Key的框中。上面的Title可以随意,点击Add SSH key完成添加。然后回到Git的命令行界面,测试一下是否与GitHub连接成功
ssh -T git@github.com
在github上创建仓库,仓库名必须是:[用户名].github.io。进入博客站点目录,用文本编辑器打开_config.yml,这个_config.yml是博客的配置文件。滑到文件最底部,有一个deploy,在deploy下面添加一个repo项 ,一个branch项:
# Hexo会根据配置文件渲染出一套静态页面
hexo g
# 上传至至Github Pages
hexo d
浏览器输入:https://<用户名>.github.io
https://codeload.github.com/blinkfox/hexo-theme-matery/zip/master
将下载下来的主题放在目录theme下,修改博客配置文件:theme: matery
每次更新主题或配置后重新执行以下命令:
hexo clean
hexo g
hexo d
按照以上步骤就建立了属于自己的博客网站,这样有一点需要说明的是网站的地址是固定的。需要的话可以购买域名设置属于自己的个人博客网址。购买域名的方法可以去阿里云或腾讯云上购买,此处就不做过多的说明,也不贵。有兴趣的小伙伴可以搞起来!