How to make your own blog

今天来教一下大家如何通过Github搭建自己的博客

准备

注册github账号

在github上用邮箱注册一个账号,新建一个repository,命名为:账户名.github.io

*因为我注册过了，所以会显示已经存在

注册域名

进入新建的的repository,点击setting-pages-choose a theme，随便选择一个theme确认，后面反正会换
然后会看到Your site is published athttps://账户名.github.io/。这时候就可以把github先放一边

hexo

git&Nodejs

先下载两个程序:
.git
.Nodejs

安装时全部选默认选项就行，安装完不用打开，一直留在电脑里就行了

安装hexo

在电脑上任意新建一个文件夹,并打开cmd
输入cd /d 文件夹地址，回车

依次运行如下指令：

hexo install -g hexo-cli
hexo init
npm install
hexo g
hexo s

这时候，打开浏览器,输入:http://localhost:4000/
打开应该是以下界面：

如果遇到错误，可以去hexo官网上查看

修改默认文件

_config.yml

打开文件夹，打开_config.yml

可以复制粘贴这个我改好的_config.yml替换你原来的config（用记事本打开）

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

# Site
title: %%%
subtitle: %%%
description: ''
keywords:
author: %%%
language: en
timezone: Asia/Shanghai

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: %%%https://drownyhl.github.io/
permalink: :title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Extensions
## Plugins: http://hexo.io/plugins/
plugins: hexo-generate-feed

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link:
  enable: true # Open external links in new tab
  field: site # Apply to the whole site
  exclude: ''
filename_case: 0
render_drafts: false
post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: false
  preprocess: true
  line_number: true
  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:

# Metadata elements
## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
meta_generator: true

# 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
## updated_option supports 'mtime', 'date', 'empty'
updated_option: 'mtime'

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Include / Exclude file(s)
## include:/exclude: options only apply to the 'source/' folder
include:
exclude:
ignore:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: butterfly

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: %%%https://github.com/drownyhl/drownyhl.github.io.git
  branch: main

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

  # hexo-symbols-count-time
symbols_count_time:
    symbols: true
    time: true
    total_symbols: true
    total_time: true
  
baidusitemap:
  path: baidusitemap.xml
sitemap:
  path: sitemap.xml