这两天想搭建一个简单的个人博客玩玩,就上网查了很多资料,试验了好几个大神的方案,也遇到了很多问题,今天就写下解决的方法。
首先
想拥有一个自己的博客需要一些条件
- 域名
- 域名可以去一些域名注册网站购买(阿里云、腾讯云等)
- 作用:使自己的网站拥有个性(自己设计注册的域名)的网页地址入口
- 服务器
- 服务器相对于域名来说较贵些,国内的一些大的服务器商一般都是年租的,如果说只是玩玩的话可以上国外的网站购买,比如 vultr 就是按分钟计费的。
- 作用:托管我们的博客网络数据,使我们能够通过http就可以查看里面的内容
不想购买服务器
如果不想购买服务器,还想拥有自己的博客的话,我们可以把自己的网站托管到一些公共的托管平台上,如** github**
当然,域名也可以不买,直接使用github生成的域名也可以访问。
开始搭建博客
先要向大家推荐一下大神的教程,我就是按照ta的步骤一步一步来的,作者:showmyself|民工 教程:步骤1
本来想自己手敲全部的过程,不过看完大神的文章以后,我还是决定在这篇教程的基础之上说下自己安装过程中的不同点和注意点吧
注意点
- github创建项目New repository的时候,项目名称一定要写成自己的账号名称,不然会出现各种问题。
- 在教程的建立本地项目目录,修改镜像源一直到安装hexo结束,输入的指令都是配置电脑的全局属性的,这些指令为:
-
npm install -g cnpm --registry=https://registry.npm.taobao.org
//更改镜像
-
cnpm install -g hexo-cli
//安装hexocnpm install hexo --save
//安装完成hexo -v
//查看安装后的信息
-
重点 以上全局属性设置完成后,一定要关闭当前的文件夹和git命令窗口,重新建立一个文件夹用于存储博客信息。打开新建的文件夹右键点击打开bash命令窗口,这时才可以初始化hexo
hexo init
- 如果多次初始化都没有成功,就要查看自己是否是在新的文件夹中打开git命令窗口进行初始化操作的。
指令
一. 配置全局的设置
使用淘宝镜像安装cnpm,如果已经安装的可以省略
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用cnpm安装hexo-cli
cnpm install -g hexo-cli
安装heox
cnpm install hexo --save
安装完成查看hexo信息
hexo -v
二. 设置局部的hexo信息
- 在新文件夹中初始化hexo
hexo init
- 在新文件夹中安装hexo
cnpm install
- 生成静态文件并开启本地化服务
hexo s -g
三. 本地使用hexo创建文章并提交
- 在新文件夹的source/_posts/中创建一个md(markdown)文件且标题为
hexo new "标题"
- 使用编辑器修改md文件的内容,尽量不要使用笔记本修改,主要是去除空格带来的影响
- 保存本地数据并提交生成静态HTML页面
hexo g -d
- 刷新hexo服务
hexo s -g
步骤2
四. 发布到Github上
本地文件配置修改完成后,要发布到Github上,需要再设置一些东西
- 设置Github的账号名:
git config --global user.name "账户名"
- 设置Github账号关联的邮箱:
git config --global user.email "邮箱地址"
- 注意:这两个指令执行后不会显示结果,在LINUX系统中没有结果就是最好的结果。这两个指令主要的功能是把本地的hexo文件和Github连接起来
- 安装hexo git插件 :
cnpm install hexo-deployer-git --save
- hexo git插件功能:可以通过该插件把本地的hexo文件发布到Github中,如果没有该插件则提交指令(`hexo d -g`)无效。
- 在发布到Github上之前,克隆的文件中的部署文件_config.yml中的deploy的几个参数值一定要更改。
- 发布到Github:
hexo d -g
注意:
- 不要随意添加或删除文件根目录中的文件,不然等到你再次发布到网上时不出现很多问题 。
- 发布时出现model文件丢失现象,就是我修改了source文件中添加了一个文件。结果我又重新下载了一个主题。