美文网首页关于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