美文网首页关于hexo每天写500字互联网科技
自建博客系列(四)HEXO博客的常识+更换NEXT主题

自建博客系列(四)HEXO博客的常识+更换NEXT主题

作者: 海天心Y2kking | 来源:发表于2017-02-05 00:35 被阅读141次

一、Hexo博客的一些常识

这部分应该可以接在自建博客系列(一)在Windows平台下进行博客平台搭建之后。

1.结构

安装并初始化Hexo成功后,指定文件夹(比如我的安装路径是D:\hexo)的目录如下:

├── _config.yml
├── package.json
├── scaffolds
├── source
| └── _posts
└── themes

其中
config.yml文件用于存放网站的配置信息,你可以在此配置大部分的参数;
package.json是应用程序数据,指明hexo的版本等信息,类似于一般软件中的关于按钮;
scaffolds是存放模板的文件夹,当新建文章时,Hexo 会根据scaffold来建立文件;
source是资源文件夹,用于存放用户资源* (除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去)* ;
themes是主题文件夹,存放博客主题; Hexo 会根据主题来生成静态页面。

2.常用命令

  • Hexo的命令极简单,安装后只需要记住四个常用的基础命令即可。执行命令需要Git当前处于blog文件夹根目录(比如我的安装路径是D:\hexo)下。

hexo g #generate 生成静态文件
hexo s #server 启动服务器。默认情况下,访问网址为: http://localhost:4000/
hexo d #deploy 部署网站。部署网站前,需要预先生成静态文件
hexo clean #clean 清除缓存文件 (db.json) 和已生成的静态文件 (public)。

  • 最核心的写作相关
    博客嘛,最核心的功能还是要有博文,在这内容为王的时代,写文章还是相当重要的!
  • 写文章
    你可以执行下列命令来创建一篇新文章。

hexo new [layout] <title> #新建文章

您可以在命令中指定文章的布局(layout),默认为 post,可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局(在后文的配置中会提到具体修改参数),这样所有的文章都会以md形式保存在(D:\hexo目录下)source文件夹的_post文件夹中,只要在_post文件夹中新建md类型的文档,就能在执行hexo g的时候被渲染。

  • 删除文章
    删除那篇文章,然后重新运行

hexo clean
hexo g -d

后面自建博客系列(八)再次具体实践下怎么撰文和发表还有更详细的内容。

  • 其他
  • 卸载Hexo:

npm uninstall hexo-cli -g

  • 安装旧版本Hexo
    先卸载当前版本,以2.8.3为例,执行npm install hexo@2.8.3 -g,再初始化并安装依赖和插件。

二、更换NEXT主题

Hexo主题非常多,可以参考丰富多彩的Hexo官方主题,本文选Next为主题本人之所以使用Hexo搭建个人博客,很大一个原因就是发现其下的NEXT主题很多功能都符合我心中所想。

1.下载主题

blog文件夹根目录(比如我的安装路径是D:\hexo)下,执行

git clone https://github.com/iissnan/hexo-theme-next themes/next #下载NexT主题

2.启用主题

打开站点根(D:\hexo)目录下的_config.yml文件, 找到 theme 字段,并将其值更改为 next。

3.验证主题

  • 在切换主题之后、验证之前, 我们最好清除下 Hexo 的缓存。

hexo clean

  • 启动 Hexo 本地站点,并开启调试模式(即加上 --debug)

hexo g
hexo s --debug

在服务启动的过程,注意观察命令行输出是否有任何异常信息,如果你碰到问题,这些信息将帮助他人更好的定位错误。 当命令行输出中提示出:Press Ctrl+C to stop.此时即可使用浏览器访问 http://localhost:4000, 检查站点是否正确运行。


P.S.
作为一个新手和技术小白,我发现写一篇这样的文章真是比想象中困难得多的多……!

此文是从2月4日早上便开始尝试,一直折腾到现在,结果还没把我想要的全部整完。那博客配置的修改和域名绑定等内容只能留待明天了,夜深了,也该洗洗睡了,各位晚安~


既然来了,留下个喜欢再走吧,鼓励我继续创作……
如果喜欢我的文章,那就关注我的简书账号吧,我们一起做朋友~~
欢迎关注个人微信公众号:海天心

相关文章

网友评论

  • 005846b28e0a:每次执行`hexo d` 命令都会导致仓库里的readme.md被删除,怎么避免这个问题?
    海天心Y2kking:是的,使用HEXO进行部署时,想要保留的文件要放在站点source目录下面中,就如[《自建博客系列(五)绑定个人域名,实现点击独立域名进入个人博客》](http://www.jianshu.com/p/fd97811c272a)拟创建CNAME文件般——在站点source目录下面
    005846b28e0a:在Hexo目录下的source根目录下添加一个,README.md。
    修改Hexo目录下的_config.yml。
    将skip_render参数的值设置上。skip_render: README.md
    保存退出即可。
    使用hexo d 命令就不会在渲染 README.md 这个文件了。

    作者:叶阳栩宁
    链接:https://www.zhihu.com/question/28058973/answer/65166747
    来源:知乎
    著作权归作者所有,转载请联系作者获得授权。

本文标题:自建博客系列(四)HEXO博客的常识+更换NEXT主题

本文链接:https://www.haomeiwen.com/subject/mfjsittx.html