经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » HTML5 » 查看文章
个人博客搭建具体操作
来源:cnblogs  作者:小小咸鱼YwY  时间:2019/8/26 8:43:19  对本文有异议

一.准备环境

1.安装node.js

简介

因为hexo是基于node.js的,所以node.js是必须要装的,安装也特别简单,去 官网 下载适合自己windows的版本。安装过程一直下一步就行了,什么也不用选,在网上查资料的时候,看到有说要在Custom Setup这一步记得选Add to PATH,但我在安装的时候这个选项是默认选好的,不用动它,也许是版本的原因,建议在安装时留意一下,毕竟自己配置环境变量还是有点麻烦。

安装好以后,打开CMD命令窗口,输入 npm -v ,如果出现版本号,那说明安装成功了并且环境变量也配置好了,如果是未知命令那就要配置一下环境变量。

详细操作:https://www.cnblogs.com/pythonywy/p/11402636.html

2.git的安装

https://www.cnblogs.com/pythonywy/p/11402645.html

3.hexo的安装

  1. 安装Hexo,在命令行(即Git Bash)运行以下命令:

    npm install -g hexo-cli 或者 npm i -g hexo

  2. 初始化Hexo,在命令行(即Git Bash)依次运行以下命令即可:

    以下,即存放Hexo初始化文件的路径, 即站点目录。

    1. $ hexo init 项目名称
    2. $ cd 项目名称
    3. $ npm install

    新建完成后,在路径下,会产生这些文件和文件夹:

    1. - node_modules:是依赖包
    2. - public:存放的是生成的页面
    3. - scaffolds:命令生成文章等的模板
    4. - source:用命令创建的各种文章
    5. - themes:主题
    6. - _config.yml:整个博客的配置
    7. - db.jsonsource解析所得到的
    8. - package.json:项目所需模块项目的配置信息

    • hexo相关命令均在站点目录下,用Git Bash运行。

    • 站点配置文件:站点目录下的_config.yml

      路径为hexo项目路径\_config.yml

    • 主题配置文件:站点目录下的themes文件夹下的,主题文件夹下的_config.yml

      路径为hexo项目路径\themes\<主题文件夹>\_config.yml

  3. 启动服务器。在路径下,命令行(即Git Bash)输入以下命令,运行即可:
    hexo clean #清理之前的内容

hexo g #重新渲染html

hexo s #开启服务器

  1. 浏览器访问网址: http://localhost:4000/

至此,您的Hexo博客已经搭建在本地。

二.常用操作操作

1.更换主题

更换主题

  1. $ cd <博客存放的目录>
  2. $ cd themes
  3. $ git clone hexo中主题的Github的地址

配置:_config.yml中的theme: 主题名称

2.博客文章操作

文章放置路径hexo项目>source>_posts

文件头:在文章的基础上正文上方添加

  1. --- #头尾用---分开
  2. title: httpclent调用webservice #文章标题
  3. date: #文章日期格式:2018-05-30 15:20:36
  4. tags: #文章标签
  5. categories: #文章分类
  6. top:#置顶,填写阿拉伯数字按照数字进行置顶顺序排序
  7. #这里尽量空三行区分正文
  8. ---

创建文章

  1. $ hexo new [layout] <title>
  • [layout]可以为以下三种:
参数名 功能 文章路径
post 新建博文 source/_posts
page 新建页面(如404,分类) source
draft 草稿 source/_drafts

草稿可通过一下命令发布:

  1. $ hexo publish [layout] <title>
  • title注意:

    不是博文标题,

    是博文markdown文件的名字,

    也是博文链接的后缀

文章模版

  • 创建模版

    在新建文章时,Hexo 会根据 scaffolds 文件夹内相对应的文件来建立文件,例如:

$ hexo new blog “simon”

在执行这行指令时,Hexo 会尝试在 scaffolds 文件夹中寻找 blog.md,并根据其内容建立文章。

  • 修改参数

    以下是您可以在模版中使用的变量:

变量 描述
layout 布局
title 标题
date 文件建立日期

Front-matter

就是博文最上方以 --- 分隔的那部分。

默认可以使用的Front-matter:

参数 描述 默认值
layout 布局
title 标题
date 建立日期 文件建立日期
updated 更新日期 文件更新日期
comments 开启文章的评论功能 true
tags 标签(不适用于分页)
categories 分类(不适用于分页)
permalink 覆盖文章网址

原文链接:http://www.cnblogs.com/pythonywy/p/11402664.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号