专栏首页python-爬虫个人博客搭建具体操作

个人博客搭建具体操作

一.准备环境

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初始化文件的路径, 即站点目录。 $ hexo init 项目名称 $ cd 项目名称 $ npm install 新建完成后,在路径下,会产生这些文件和文件夹: - node_modules:是依赖包 - public:存放的是生成的页面 - scaffolds:命令生成文章等的模板 - source:用命令创建的各种文章 - themes:主题 - _config.yml:整个博客的配置 - db.json:source解析所得到的 - 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.更换主题

更换主题

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

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

2.博客文章操作

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

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

---   #头尾用---分开

title: httpclent调用webservice   #文章标题

date: #文章日期格式:2018-05-30 15:20:36

tags: #文章标签

categories: #文章分类

 top:#置顶,填写阿拉伯数字按照数字进行置顶顺序排序

    
    #这里尽量空三行区分正文
---

创建文章

$ hexo new [layout] <title>
  • [layout]可以为以下三种:

参数名

功能

文章路径

post

新建博文

source/_posts

page

新建页面(如404,分类)

source

draft

草稿

source/_drafts

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

$ 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

覆盖文章网址

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 【JS】328- 8个你不知道的DOM功能

    最近一直在关注工具,从 React 和 npm-install-everything 中休息一下,看看一些原生的 DOM 和 Web API 的功能,他们可以在...

    pingan8787
  • JavaScript Scoping and Hoisting

    当然,上面的代码会让浏览器弹出“1”。那么这中间究竟发生了什么?虽然这看起来似乎让人感到陌生,危险,困惑,但是这就是JavaScript语言的强大并富有表现力的...

    lesM10
  • Prototypal Inheritance with Javascript-JavaScript中的原型继承(基础概念篇)

    因为上篇文章Prototypal Inheritance没有对一些基本概念作出阐述,所以加入这篇文章作为补充。

    lesM10
  • 2019 年 5 种最受欢迎的编程语言

    根据目前市场上发布的岗位招聘信息,精心编制了 2019 年 几种最受欢迎的编程语言清单。

    加米谷大数据
  • 「数据可视化库王者」D3.js 极速上手到Vue应用

    D3近年来一直是 JavaScript最重要的数据可视化库之一,在创建者 MikeBostock的维护下,前景依然无量,至少现在没有能打的:

    用户1462769
  • Java并发编程--Exchanger

      用于线程间数据的交换。它提供一个同步点,在这个同步点,两个线程可以交换彼此的数据。这两个线程通过exchange方法交换数据,如果第一个线程先执行excha...

    在周末
  • webpack超详细教程!入门一篇就够了

    webpack 是前端的一个项目构建工具,它是基于 Node.js 开发出来的一个前端工具;

    beifengtz
  • Immediately-Invoked Function Expression (IIFE)即调函数表达式

    以防你没有注意到,我先声明下:我总是要求术语。所以,在听到许多次 流行的,但是让人误解的 JavaScript术语“self-executing anonymo...

    lesM10
  • 9102年,隔壁公司新来的女实习生问我什么是TypeScript ?

    所谓的超集 其实就是最终将你写的TypeScript编译成javascript去执行,因为浏览器上能跑的脚本语言是javascript,这个本质要搞清楚

    Peter谭金杰
  • RPC-Thrift(四)

        同步客户端比较简单,以RPC-Thrift(一)中的的例子为基础进行研究源码,先看一下类图。

    在周末

扫码关注云+社区

领取腾讯云代金券