如何从零搭建一个hexo博客网站02

最新推荐文章于 2024-04-11 16:31:00 发布

hongkq

最新推荐文章于 2024-04-11 16:31:00 发布

阅读量178

点赞数 1

分类专栏： hexo博客文章标签： hexo博客

本文链接：https://blog.csdn.net/newlifemain/article/details/88390192

版权

hexo博客专栏收录该内容

2 篇文章 0 订阅

订阅专栏

title: 如何从零搭建一个hexo博客网站02
categories: “Hexo教程” #文章分類目錄可以省略

简介：此教程分为两部分，云服务器篇和本地pc机篇

tags: 如何从零搭建一个hexo博客网站02(本地pc机篇)

效果网址：http://hongkaiqing.cn/

前言

1、本教程分为01、02两部分，如果没有看完01部分的操作，建议看完了，再操作02部分内容

2.本文使用的Window10系统的个人pc电脑。

准备工作

1.因为这个博客网站不需要python/Java环境，所以你没有在本地pc电脑安装环境的也不用担心

2.因为此博客网站不使用GitHub等第三方平台，只是在云服务器和本人pc机进行搭建上传的，所以需要在本人pc机上使用Xshell连接云服务器，所以请开通云服务器的：22端口，web端口：80，教程请自行百度；如有需要的使用域名访问的，建议在购买云服务器的同时同步购买，价格还能便宜一点。

3.利用本地pc电脑登录云服务器，建议使用root用户登录

4.需要在本地安装Git，账号/密码可以登录Github官网注册获取，安装此软件只是为了方便向云服务器上传下载文件而已。

5.需要在本地pc电脑安装 Node.js 和 Npm

开始：

1.安装Git：

教程请自行百度。点击 git-bash.exe打开界面如下，证明安装成功，安装过程需要输入Github上的用户名+密码


洪凯庆666@LAPTOP-JRBEOUPJ MINGW64 /
$

2.安装 Node.js 和 Npm

教程请自行百度。测试node和npm是否安装成功。

洪凯庆666@LAPTOP-JRBEOUPJ MINGW64 /
$ npm -v
5.6.0

洪凯庆666@LAPTOP-JRBEOUPJ MINGW64 /
$ node -v
v8.10.0

如输出版本信息，证明安装成功

3.安装 Hexo 及相关插件。

全局安装 hexo-cli 和 hexo-server

$ npm install hexo-cli hexo-server hexo-deployer-git -g

安装完成后, 在本地初始化博客站点搭建。D:/myHexo即本地存放路径

$ mkdir D:/myHexo 
$ hexo init D:/myHexo

本地 Hexo 配置。
进人D:/myHexo目录, 修改 Hexo 博客站点配置文件 _config.yml, 如下修改:

title: 页面标题     //页面标题
subtitle: 小标题     //小标题
description: 描述     //描述
author: 作者       //作者
language: zh-Hans     //语言
timezone:       //时区


# URL


### If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

url: http://leyliu.com      //个人域名

......


# Deployment


### Docs: https://hexo.io/docs/deployment.html

deploy:
type: git
repo: 服务器用户名@服务器的公网 IP 地址:/usr/repo/hexoBlog
branch: master

保存退出。
安装一个 Hexo 包，负责将博客所需的静态文件推送指定的服务器 Git 仓库。

本地部署到服务器

1.清除缓存

$ cd D:/myHexo
$ hexo clean

2.生成静态页面

$ hexo generate

3.将本地静态页面目录部署到云服务器

$ hexo deploy

4.如果出现错误： ERROR Deployer not found: git，执行

$ npm install -save hexo-deployer-git

此时重新访问服务器，即可看到博客部署成功。

安装Next主题

1.下载主题

# 进入本地myHexo的themes文件夹下

$ cd themes/

# 下载主题

$ git clone git@github.com:iissnan/hexo-theme-next.git

2.使用主题

打开myHexo下的_config.yml文件，将主题修改为：

theme: hexo-theme-next

3.部署

#  # 进入本地myHexo路径执行

$ hexo g
$ hexo d

4.再次访问网站进行验证.

写作

用markdown写文，在开始处要额外加上信息：

---
title: title #文章標題
date: 2018-12-30 20:47:44 #文章生成時間
categories: "Hexo教程" #文章分類目錄 可以省略
tags: #文章標籤 可以省略
     - 标签1
     - 标签2
 description: #你對本頁的描述 可以省略

写好后再放入source文件夹下的_post下，同样执行 hexo g，hexo d。