小站

  • 首页

  • 标签

  • 分类

  • 归档

使用hexo搭建个人博客

发表于 2019-01-06 | 更新于 2019-01-08 | 分类于 建站日志

缘起

本人是纯粹的技术小白,前一段时间在折腾路由器,不停的从网上找各种教程进行学习。然后就不停的复制、粘贴各种命令来进行部署。然后就突然有一股冲动,感觉自己也可以来做一个博客,而且网上现成的教程一堆应该不会有什么太高的门槛,于是就有了这下面的折腾。

搭建博客

为什么选择hexo

一开始本来考虑是WordPress的,看了教程感觉还是简单,不过实在是不想在VPS上再安装一个数据库;再加上hexo的教程看起来也不是很复杂,都是静态页面可以直接部署在GitHub上,于是就选择了hexo。

本地安装Hexo

虚拟机安装Ubuntu

嗯,没错!我先在虚拟机里面装了个Ubuntu,打算在里面安装Hexo,这样就算玩脱了也最多是重来,不会影响电脑的正常使用。后面的本地操作全部在虚拟机的系统中进行的。

安装GIT

首先需要在系统中安装git:sudo apt install git
可以先检查是否安装git:git --version

安装nodejs

安装nodejs:sudo apt install nodejs
还需安装npm(nodejs的包管理工具):sudo apt install npm

这里有坑,网上的教程很多,不过都没有sudo的命令,然后我安装的时候各种报错。加上sudo就没有问题了。

安装hexo

安装hexo包:sudo npm install -g hexo-cli

同上,网上的教程都没有看见sudo的要求,然后安装到最后报错。

指定一个文件夹存放你的Blog文件(也就是根目录)
hexo init blog blog为我的的文件夹地址,在这个地址里生成Hexo初始化文件
cd blog 进入这个文件夹
npm install 在文件夹内自动安装Hexo所依赖的各种模块
hexo server 启动本地服务器,可以添加参数-p指定服务器的端口,默认在端口4000

github部署

  1. 先注册一个github账户。(不写代码的我也有一个Github账户了)
  2. 打开个人的profile,点击右上角的+,new一个repository(新建一个仓库),注意,要将你的repository name设置为[username.github.io],这一步很重要。然后其它的不用管,直接create repository。
  3. 本地系统配置Git
    git config --global user.name "username"
    git config --global user.email "youremail"
  4. 配置ssh keys,使用:ssh-keygen -t rsa -C "youremail",在你的用户目录下找到.ssh目录中的id_rsa.pub的内容,也就是你本机ssh公钥,在settings中打开SSH and GPG keys,new一个ssh key。在下面的输入框中填写的你本机的ssh公钥,然后点击添加。
  5. 验证:ssh -T [email protected],看到successfully就说明配置完成了。
  6. 在博客根目录下,安装一个扩展npm install hexo-deployer-git --save
  7. 打开本地博客根目录下的博客配置文件_config.yml,在这里你可以修改与博客相关的各种信息。修改配置:
    deploy:
    type: git
    repository: [email protected]:”username”/“username”.github.io.git
    branch: master

博客部署完成

这样个人博客就算是基本部署完成了,可以先在本地运行hexo g(等同于hexo generate)和hexo s(等同于hexo server),就可以访问 http://127.0.0.1:4000 看到刚刚部署的博客了。
再运行hexo d(等同于hexo deploy)就会部署到Github仓库了,之后再访问 https://“username”.github.io 就可以看见了。至于怎么写博客,以后有空再说。

写在最后

写这篇总结的时候感觉好像过程并不复杂,总共就只有几行命令,但是对于我这种小白来说,步步都是坑,整个过程中我经历了出错——Google——出错的多次循环,不过总算是成功了。

写这篇文章又经历了markdown语法的坑,以后有空了再写一篇。

测试博客

发表于 2019-01-05 | 分类于 建站日志

本篇用于测试

Hello World

发表于 2019-01-05

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

John Simth

3 日志
1 分类
3 标签
© 2019 John Simth
由 Hexo 强力驱动 v3.8.0
|
主题 – NexT.Muse v6.7.0