假如你想自定义一个带有自己style的网站,那么跟我来一起学习一下吧!
我创建的这个博客(https://mrlsm.github.io
)是使用的github page + Hexo方法。
现在开始搭建属于自己的blog了
- 环境搭建(git、node.js)
- 安装和配置Hexo(选择模板)
- 配置github仓库
- 配置自己的网址(也叫域名)
- 创建和发布文章
环境搭建
安装git (使用git给github上传文章)
-
安装Node.js(Hexo是基于Node.js开发的)
安装git
git官网(http://git-scm.com)
从官网进行下载,并安装使用。安装Node.js
进入官网(https://nodejs.org/en/)
从官网进行下载,并安装使用。安装和配置Hexo
打开电脑command(命令提示符)
执行以下命令(可复制粘贴执行)
npm install -g hexo-cli
npm install
选择电脑中的一处地址建立你存放blog相关资料的位置。建立文件夹(hexo)
cd hexo (进入该文件目录下)
hexo init
如果没什么问题就可以启动本地这个Hexo服务
hexo server
看见以下log则说明你已经完成hexo的安装了
Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
好的,现在显示的网站为最基本的主题,现在我们可以更改一下主题
按ctrl+c关闭server
我博客使用的主题是(https://github.com/litten/hexo-theme-yilia)
打开终端窗口,输入一下命令,将目录切换到Hexo文件夹内的themes文件夹内
cd themes
然后把这个主题从github网站上clone下来,保存为yilia文件
git clone https://github.com/litten/hexo-theme-yilia.git
也可以打开链接复制下来解压到你的themes目录下,保存为yilia文件
然后打开Hexo文件夹下面的_config.yml文件,修改里面的theme为yilia
重新打开server,浏览器输入http://0.0.0.0:4000/ 主题就发生了变化
好了,到此为止我们已经完成了本地Hexo的安装和配置。
配置github仓库
github官网(http://www.github.com)
进入github网址,注册一个账号,然后创建一个的放博客文章的仓库
点击Crete a repositor
[图片上传中...(image-6666ea-1563505540443-2)]
注:你博客的访问地址,也就是仓库名 用户名.github.io必须是这个结构,不能有一点偏差。就按照我的方式创建就行,只需要把用户名改为你的
然后点击创建,会初始化一个空的仓库。
然后就是配置SSH
命令行方法:
执行下面命令生成SSH
ssh-keygen
敲三次回车,既可以生成id_rsa.pub文件。
这里面就是SSH key的内容
然后使用vim编辑器打开这个文件
vim ~/.ssh/id_rsa.pub
然后使用鼠标拷贝里面的内容(退出vim编辑器命令:wq)
打开你的github,点击Setting
点击左边SSH keys
点击右边Add SSH
然后把复制的内容粘贴到下面那个框里面,title随便自己写。
过程可能会让你输入一次密码,输入即可!
配置好就行了
判断SSH是否配置好
ssh -T git@github.com
出现Hi CoderTian! You’ve successfully authenticated, but GitHub does not provide shell access. 就表示你已经配置好了SSH
SSH配置好了,下面配置你的本地Hexo
打开Hexo目录下的_config.yml
完成下列更改
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:mrlsm/mrlsm.github.io.git
branch: master
保存,cd到Hexo的根目录
依次执行下面的命令
第一次上传可能会让你输入git的用户名和密码
hexo clean
hexo d -g
到这里为止,你已经完成了自己博客的创建了
配置自己的网站(域名)
现在你就可以去选择一个自己的域名了(在这我是去阿里云买的域名)
首先去万网(http://wanwang.aliyun.com) 购买自己的域名。如下图选择一个自己喜欢的并且未注册的域名,新买的域名需要身份认证,大约一两天即可完成认证(不妨碍你选择已经注册的域名,谁让你有钱呢)
然后去github,点击进去你创建的那个博客仓库点击create a new file here
名字为CNAME 内容为你自己申请的域名 例如:qq.com
把里面的CNAME文件拖到Hexo文件的Source目录下
这边配置好了以后,来到阿里云的域名管理器来解析你的域名,如下图所示:
[图片上传失败...(image-acfbaf-1563505540443)]
等待你的域名解析生效并通过身份认证吧。就可以在浏览器里面输入你自己的域名访问的博客了。
创建和发布文章
想要发布新的文章,首先创建文章
cd到Hexo文件夹
hexo new "文章标题"
你可以在Hexo->Source->_post目录下看到你新创建的那个文章,还有一个配套的文件夹,里面放这边blog的图片资源
使用支持MarkDown编辑器编写的打开新创建的文件,就可以写文章了,要根据MarkDown语法写出来的文章才会好看
Mac的markdown编辑器,推荐mou (http://25.io/mou/)
window下面的编辑器,推荐MarkDownPad (http://markdownpad.com/)
markdown具体语法参考(http://www.appinn.com/markdown/#code)
文章写好直接执行下面命令即可直接发布文章
hexo d -g
如果发布时候出现错误
ERROR Deployer not found: git
执行
npm install hexo-deployer-git --save
关于一些hexo命令可以查看官方文档进行配置 (https://hexo.io/zh-cn/docs/)