浅谈hexo博客-01安装hexo与建立网站

Posted 2023-02-28 AlexKing阁下

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了浅谈hexo博客-01安装hexo与建立网站相关的知识，希望对你有一定的参考价值。

安装的前置条件

git
nodejs

git安装

brew install git

nodejs

brew install node

安装hexo

npm install -g hexo-cli

初始化建站

hexo init
cd
npm install

具体的目录为以下结构


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

scaffolds

模版文件夹。当您新建文章时，Hexo 会根据 scaffold 来建立文件。

Hexo的模板是指在新建的markdown文件中默认填充的内容。例如，如果您修改scaffold/post.md中的Front-matter内容，那么每次新建一篇文章时都会包含这个修改。

source

资源文件夹是存放用户资源的地方。除 _posts 文件夹之外，开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 html 文件会被解析并放到 public 文件夹，而其他文件会被拷贝过去。

themes

主题文件夹。Hexo 会根据主题来生成静态页面。

hexo配置

看_conflg.yml

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: The CnSkyline‘s Blog
subtitle: when technology becomes absolute passion!
description: the blog of personal technology and some pitures.
keywords:
author: King_Alex
language: chinese
timezone: UTC

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url:xxxx
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Directory
source_dir: source         #资源文件夹，这个文件夹用来存放内容
public_dir: public         #公共文件夹，这个文件夹用于存放生成的站点文件
tag_dir: tags              #标签文件夹
archive_dir: archives      #归档文件夹
category_dir: categories   #分类文件夹
code_dir: downloads/code   #Include code 文件夹
i18n_dir: :lang            #国际化（i18n）文件夹
skip_render:

# Writing
new_post_name: :year-:month-:day-:title.md # File name of new posts
default_layout: post     # 预设布局
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0         #把文件名称转换为 (1) 小写或 (2) 大写
render_drafts: false     #显示草稿
post_asset_folder: false #启动 Asset 文件夹
relative_link: false     #把链接改为与根目录的相对位址
future: true             #显示未来的文章
highlight:               #代码块的设置
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:
  
# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
  path: ''
  per_page: 10           
  order_by: -date
  
# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10    #每页显示的文章量 (0 = 关闭分页功能)
pagination_dir: page

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next    #主题

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:       #部署部分的设置
  type: git
  repo: xxxxxxxxxx
  branch: master