Hexo框架搭建个人博客
最近一直想要建立一个自己的个人博客,可我对互联网的知识有很多不懂,因此不断的上网寻找,找到了一个比较不错的手把手教搭建个人博客的B站up主:CodeSheep(程序羊),感谢up主的个人博客教学视频,我才能踏出我想要记录blog的第一步.
Hexo命令
搭建个人博客的过程,在codesheep的视频中讲解比较充分,也就不再述说,主要以搭建好之后,怎么完成一些基本的hexo操作开始.
1 初始化本地
$ hexo init [folder]
- folder是可选参数,是指定初始化的本地目录路径,若无指定测默认为当前目录,就是说,在你的本地建立一个网站的初始化库,今后的更新博客文档,修改博客主页信息等都在本地此目录下.我的本地路径是:/home/xxxxx/blog目录.
2 新建一篇博客
$ hexo new [layout] <title>
//一般使用下面的简写
$ hexo n "你的blog名字.md"
- layout是可选参数,指定新建的文章类型,若无指定则有配置文件中的default_layout决定.
- title是必选参数,一般按照简写方式,用双引号包围.
- 输入命令后会在我的bolg目录下的source/_post/目录下新建一个,以(你的blog名字.md)为名字的md文件,就是我新建的博客,然后再使用vi打开,进行编辑.
- 目前,我不会使用这种方式新建博客,因为,我需要使用typora进行编写md文件,但是在那个目录下我无法打开md文件,因此,一般我是外面任意一个文件夹下新建一个md格式的博客文件,然后cp到/source/_post/目录下,这样也是可以的.
3 生成静态文件
$ hexo generate
//一般简写为
$ hexo g
- 用于博客写完之后,生成静态文件,每一次对blog文件夹的改动,都需要使用次命令进行静态文件生成,然后就可以使用相应的命令看到博客.
4 启动服务预览
$ hexo server
//一般简写为
$ hexo s
- 启动服务器预览,需要在hexo g命令之后使用,即生成了静态文件后,可以预览.
- 输入命令后会出现下面情况:
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
按照上面的网址进入,即可看到你所生成的静态文件展示的博客网页.
- 4000端口是已经配置好的,使用时需要注意是否被占用.
5 部署网址
$ hexo deploy
//一般使用简写
$ hexo d
- 用于部署网站,当你使用hexo s预览之后觉得没有问题时,可以使用次命令将本地的静态文件部署到网站上.
- 由于本地已经设置好,我使用hexo s之后会部署在我的github上,因此输入后需要输入我github的用户名和密码.之后就可以登录我的博客网址
6 清除缓存
$ hexo clean
- 当网页出现非正常情况时使用,或者当使用hexo g命令出现错误时,可以试试这个命令.
Hexo一些小心得
hexo是一个博客网站的框架,在这个框架上有很多的主题(themes),一开始使用的yilia主题,后来觉得这个主题不太喜欢,就使用了现在的nexmoe主题,但这个主题的资料实在太少,因此,此网站还有很多需要改善的地方.
hexo的目录结构:
- _config.yml文件 这是最主要的文件,几乎一切关于hexo框架的配置都在这里,这是按照自己要求进行修改的主要文件之一.
- source文件夹 这是存放博客文件的地方,因为博客文件分为3种,一般我使用的是post格式,所以这里也只有一个_post文件夹,当使用hexo new "第一个博客.md"命令时,会在_post文件夹下生成一个第一个博客.md文件,这个md文件就是你的博客.之后在你的网址下看到的也就是这个博客的样子.
- public文件夹 这里存放着一些公共使用的数据,如你网站首页使用的***index.html***,或者你的***tags文件夹***,***categories文件夹***等.
注意:***index.html***文件中的参数在使用hexo g命令后会重新生成,所以直接修改次html文件,是不会生效的!!! - themes文件夹 这里是存放主题文件的地方,我这里存放着三个文件夹***landscape***,yilia,***nexmoe***三个主题,这些主题可以在github上进行下载,使用如下命令即可:
$ git clone [主题下载网址] themes/[主题名称]
即在themes目录下生成一个以主题名称为名的主题文件夹,存放主题的相关文件.如果要使用此主题,需要修改_config.yml文件内的主题参数.
hexo的配置方法,可以使用这个网址查看,比较详细:http://hexo.io/zh-cn
nexmoe配置
- 与hexo的配置差不多,都是主要修改**_config.yml文件**.
nexmoe的配置方法,可以使用这个网址查看,比较详细:http://docs.nexmoe.com