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.htmldeploy:
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- 标签2description: #你對本頁的描述 可以省略

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

最后

如果您还有什么问题,欢迎交流18718383260@163.com

如何从零搭建一个hexo博客网站02相关推荐

  1. 如何从零搭建一个hexo博客网站01

    title: 如何从零搭建一个hexo博客网站01 #文章標題 categories: "Hexo教程" #文章分類目錄 可以省略 categories: "Hexo教程 ...

  2. 如何快速的搭建一个个人博客网站

    经过我几天的沉浸式的研究,发现一款基于Node.js的静态博客程序,可以方便的生成静态网页托管在github和Heroku上. ​ 类似于jekyll.Octopress.WordPress,我们可以 ...

  3. 极速搭建一个个人博客网站

    作者:bookerzhao,腾讯 CSIG web前端开发工程师 Github 为开源项目提供了用于静态页面展示的 Pages 服务,很多开发者都在上面托管了自己的静态网站和博客,不少开源项目的案例和 ...

  4. 个人博客前端模板_腾讯前端开发工程师,教你极速搭建一个个人博客网站

    作者: bookerzhao,腾讯 CSIG web前端开发工程师 Github 为开源项目提供了用于静态页面展示的 Pages 服务,很多开发者都在上面托管了自己的静态网站和博客,不少开源项目的案例 ...

  5. django2.1.7从0开始搭建一个个人博客网站第5天

    技术引用:uuid UUID 是 通用唯一识别码(Universally Unique Identifier)的缩写,是一种软件建构的标准,亦为开放软件基金会组织在分布式计算环境领域的一部分.其目的, ...

  6. 快速搭建一个小型博客网站

    目录 ✨前言

  7. 云开发平台开箱,3分钟零基础搭建个人Hexo博客

    简介:Hexo是一款基于Node.js的博客框架,可以将Markdown格式的文本渲染为HTML代码.所以,博客基本就是纯静态,维护相对方便.但是缺点也很明显--经常换编写环境使用不便,因为它的所有渲 ...

  8. 如何搭建一个独立博客——简明Github Pages与Hexo教程

    (?)[-] http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-a-blog/ 摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DN ...

  9. php 上传apk包到cdn_零基础搭建自己的博客网站和配置CDN设置wordpress篇

    零基础搭建自己的博客网站 博客类的建站程序有很多例如wordpress. typecho.zblog.emlog等等这几种是最常见的 平时我们用的见的更多的都是wordpress,因为wordpres ...

最新文章

  1. 只允许对象生成于堆内
  2. Ubuntu 安装OpenCV3.0.0
  3. 编译away3d例程序记
  4. 亲自实践Blazor构建桌面应用程序
  5. mysql-5.5.55 多实例安装总结
  6. nova 宿主机重启自动恢复虚拟机运行状态
  7. 使用 imitator 实现前后端分离开发中的数据模拟与静态资源映射
  8. 关于在项目中使用开源项目的疑惑,恳请大家给点意见!
  9. JCR分区和中科院分区的区别
  10. oppok3如何刷机_oppok3刷机方法
  11. nbu备份oracle兼容性,NBU备份ORACLE的问题
  12. 邮件服务器加密方式,盈世Coremail邮件系统四种安全加密方式揭秘
  13. 华为2019届校招笔试题及解法
  14. MATLAB神经网络工具箱函数各种图的解释
  15. 社会神经网络有哪些,神经网络的神经网络
  16. retrospective material for English final exam unit_6 Tomorrow
  17. 实现图片从远到近css,如何利用景深效果,使图片近大远小,我的demo怎么是近小远大,代码如下:...
  18. 数据库 Mysql 终端代码
  19. 面试某东测试岗:“如果开发的Bug比较多,你会如何处理?”
  20. 多区域复制——《超级处理器》应用

热门文章

  1. C/C++排序算法(1)直接插入排序
  2. 实战演练:PostgreSQL在线扩容
  3. 你的公司,远程办公多久了?
  4. 【假期重磅福利】更新三个Oracle系列课程,共153课时,最低免费获取
  5. 圣诞快乐 | 盘点2017最受欢迎的原创文章
  6. 快来一起玩转LiteOS组件:Curl
  7. 15张图呈现数据库事务背后的并发原理
  8. 手把手带你基于嵌入式Linux移植samba服务
  9. 学会这5种JS函数继承方式,前端面试你至少成功50%
  10. 因为一个字符校对问题,我的大厂面试挂了