淘先锋技术网

首页 1 2 3 4 5 6 7

(blog.png)

花了一些时间终于把自己的第一个在线博客搭建好了,下面把搭建过程中遇到的一些坑分享给大家,下面就来说说。

一、什么是Hexo

Hexo 是一个快速、简洁且高效的博

客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

二、开始前工作

首先你需要注册一个github账号(如果没有的话),切记一定要记住自己的用户名(这点很重要!!!)。

然后登录github,点击左上角选择Create a new repository;Repository name(填自己github的用户名),yourname.github.io这个就是你的博客域名了。

例如,我的github的用户名是malqch,就填入malqch.github.io。成功后界面如下:

github.png

三、环境准备

1、安装Node.js

2、安装Git,git相关命令可自行百度,这里就不详细说了。

3、安装完成后,在桌面点击鼠标右键,找到"Git"->“Git Bash”,名称和邮箱就是注册github时填写的

4、安装Hexo,安装完以上就可以开始安装Hexo了,Hexo使用npm安装:

npm install -g hexo-cli

进行到这里环境我们就全部安装好了。

四、创建博客

在电脑E盘(自己随意)目录下创建test文件夹,进入test,同时按下win和R键打开cmd,进入text文件所在目录下,输入:

hexo init blog

可能会有点慢,稍等一下,成功提示:

INFO Start blogging with Hexo!

如果没有成功不要着急,看看报什么错。

初始化hexo后source目录下自带一个hello-world.md的文件,可直接执行以下命令启动服务:

hexo generate
hexo server

启动成功后访问http:localhost:4000,就可以看到网站的初步模样了,别激动,还没结束,我们要把网页发布到github上去,这样才能在外网访问。

重新打开一个cmd,输入:

ssh-keygen -t rsa -C "github的注册邮箱地址"

一路enter,最后得到信息:

Your public key has been saved in /c/Users/user/.ssh/id_rsa.pub.

找到该文件,打开(sublime text),Ctrl + a复制里面的全部内容,然后进入Sign in to GitHub

New SSH key ——Title:blog —— Key:输入刚才复制的—— Add SSH key

五、配置博客

在blog目录下,用sublime打开_config.yml文件,修改参数信息:

注意,每个参数:后一定要加一个空格,不然会报错

修改相关信息:

title: 小不测试所用博客
subtitle: 副标题
description: 网页描述
author: 小不
language: zh-CN
timezone: Asia/Shanghai

配置部署(把malqch修改成自己的用户名):

deploy: 
  type: git
  repo: https://github.com/malqch/malqch.github.io.git
  branch: master

六、发表博客

在blog目录下,打开cmd并输入:

hexo new "小不的测试文章"
INFO Created: E:\test\blog\source\_posts\小不的测试文章.md

找到该文件,打开可进行编辑修改(使用markdown语法,语法使用可自行百度)

保存,然后分别执行下列操作:

hexo clean
hexo generate
hexo server

此时,打开http://localhost:4000,发现刚才的文章已经发布成功了。

最后,发布到网上,执行:

hexo deploy

期间可能会跳出github登录页,直接登录,如没有问题可直接访问malqch(换成你自己的).github.io/

然后就可以看到发布了。

七、总结一下

发布新文章步骤:

1、hexo new “新文章名称” 创建文章

2、Markdown语法编辑文章

3、部署到github(在blog所在目录下打开cmd)

hexo clean  # 清除缓存 网页正常情况下可以忽略此命令
hexo generate  # 生成
hexo server  # 启动本地预览(非必要)
hexo deploy  # 部署发布

命令可简写

hexo n “新文章名称” == hexo new “新文章名称” # 新建文章

hexo p == hexo publish # 发表草稿

hexo g == hexo generate # 生成

hexo s == hexo server # 本地启动服务预览

hexo d == hexo deploy # 部署

如果在执行hexo deploy后,出现error deployer not found:github 错误,执行:

npm install hexo-deployer-git --save

部署可以部署的github,如果感觉访问国外网站速度慢,也可以部署到国内的coding

以上就是hexo搭建个人博客的全部过程,这是我的博客,大家会发现和刚才搭建的不一样,这是因为我更改了博客主题,如果觉得我的主题好看,可以到这里去下载,欢迎大家留言。

我的个人博客https://malqch.github.io

如果有不懂的可以联系我:
qq:740830230