Hexo搭建静态博客踩坑日记(一)
前言
博客折腾一次就好, 找一个适合自己的博客平台, 专注于内容进行提升.
- 方式一: 自己买服务器, 域名, 写前端, 后端(前后分离最折腾, 不分离还好一点)...
- 方式二: 利用Hexo, Hugo 等快速搭建静态博客, 找主题, 个性化主题...
- 方式三: 在github上寻找博客园主题...
- 方式四: 土豪去CSDN买皮肤吧...
- 方式五: 富二代可以不写博客...
起步
Hexo的基本环境准备
- node.js
- git
Hexo安装
- 打开terminal
mac 系统推荐使用terminal ( 切换root权限, sudo su)
win 系统推荐使用 win+r cmd (管理员打开) or 任意目录右键 git bash here
# 确保npm已经安装
>> npm -v
6.13.2
# 确保git已经安装
>> git version
git version 2.23.0
# 安装cnpm 淘宝镜像(增加下载速度, 也可以不安装, 代码替换为npm)
>> npm install cnpm -g --registry=https://registry.npm.taobao.org
# 全局安装hexo
>> cnpm install hexo-cli -g
Hexo初始化项目
- hexo安装成功, 选择一个文件夹初始化hexo
( eg-->文件夹名称: blog)
# 进入blog文件夹
>> cd blog
# 初始化hexo
>> hexo init
- blog文件夹多了以下内容,博客所需要的依赖环境
#博客文件目录
node_modules #hexo 所依赖的node模块,插件
scaffolds
source #文章的资源目录
themes #hexo 的主题目录
.gitignore
_config.yml #hexo根目录配置文件,接下来会细说
package.json
package-lock.json
- 浏览博客
# 启动hexo server
>> hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
Hexo部署项目
- 部署github or gitee 的准备工作
# 在github or gitee 项目下创建一个与用户名相同的项目, 这样此项目可由公网直接访问.
# github
访问地址: https://用户名.github.io
优点: 不用反复部署, 推送及展示.
缺点: 国外服务器, 访问慢.
# gitee
访问地址: https://用户名.gitee.io
优点: 国内, 访问速度快
缺点: 每次部署需要点击-->服务-->page服务部署 (开会员可忽略,90RMB/year)
- 部署到github or gitee
首先修改blog文件夹下的配置文件_config.yml 里的以下代码片段
# Site 站点基本配置
title: #网站标题
subtitle: #网站副标题
description: #网站描述
keywords: #全局文章关键字配置
author: #作者名称
language: #语言配置
timezone: #时区(可不配置)
# URL 项目部署配置
# If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: # 你的github URL(https://用户名.github.io) 或者 gitee URL(https://用户名.gitee.io)
root: #项目发布目录
permalink: :year/:month/:day/:title/
permalink_defaults:
......
......
......
#Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
# 可手动去github or gitee点击 克隆/下载 复制地址
repo: https://gitee.com/用户名/项目名.git
branch: master
执行命令, 部署到github or gitee
# 部署 hexo
>> hexo d
这里会让你输入github or gitee 用户名和密码, 之后直接强制推送, 推送成功后, 检查远程仓库是否推送成功, github即可访问url查看你的博客, gitee 需要打开项目-->服务-->page服务-->部署-->得到项目运行地址.
后记
这样最基本的静态博客就搭建好了, 更换主题请看--> Hexo搭建静态博客踩坑日记(二)
Hexo搭建静态博客踩坑日记(一)的更多相关文章
- Hexo搭建静态博客踩坑日记(二)
前言 Hexo搭建静态博客踩坑日记(一), 我们说到利用Hexo快速搭建静态博客. 这节我们就来说一下主题的问题与主题的基本修改操作. 起步 chrome github hexo git node.j ...
- 使用github和hexo搭建静态博客
获得更多资料欢迎进入我的网站或者 csdn或者博客园 终于写这篇文章了,这是我使用github和hexo搭建博客的一些心得,希望能给大家一点帮助.少走点弯路.刚接触github,只是用来存项目的版本, ...
- 在GitHub上使用Hexo搭建静态博客
搭建静态博客须要一个前提是电脑上有安装git而且有github帐号,这个不懂能够看廖雪峰先生的git教程 1.下载nodejs.在官网上能够下载 2.使用git进入你新建的一个目录,输入命令 npm ...
- hexo搭建静态博客
1. 环境环境 1.1 安装Git 请参考[1] 1.2 安装node.js 下载:http://nodejs.org/download/ 可以下载 node-v0.10.33-x64.msi 安装时 ...
- Hexo搭建静态博客站点
什么是Hexo? Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 本文将介绍如何在没有域名和云主机的 ...
- hexo 搭建静态博客 + Next 主题配置
参考手册 HEXO:https://hexo.io/zh-cn/ NEXT:http://theme-next.iissnan.com/ 安装hexo npm install hexo-cli -g ...
- Github+Hexo搭建静态博客
开始 在安装hexo之前,必须确认你已经安装了Node.js和Git,并且注册了一个Github账号. 1.创建Github仓库 1) 仓库名为xxx.github.io 创建一个以"用户名 ...
- 使用 Hexo 搭建静态博客
目录 Hexo 简介 什么是 Hexo? Hexo 安装 Hexo 建站 Hexo 配置 Hexo 自定义主题 Hexo 写作 Hexo 服务器 Hexo 生成与发布 一键部署 Hexo 站点到 gi ...
- windows上使用mkdocs搭建静态博客
windows上使用mkdocs搭建静态博客 之前尝试过用HEXO搭建静态博客,最近发现有个叫mkdocs的开源项目也是搭建静态博客的好选择,而且它支持markdown格式,下面简要介绍一下mkdoc ...
随机推荐
- Educational Codeforces Round 80 D E
A了三题,rk1000左右应该可以上分啦,开
- docker使用阿里云加速器
1 登录阿里云获得地址 登录https://cr.console.aliyun.com ,点击"镜像加速器",会给我一个地址. 2 写入/etc/docker/daemon.jso ...
- 常见基本数据结构——树,二叉树,二叉查找树,AVL树
常见数据结构——树 处理大量的数据时,链表的线性时间太慢了,不宜使用.在树的数据结构中,其大部分的运行时间平均为O(logN).并且通过对树结构的修改,我们能够保证它的最坏情形下上述的时间界. 树的定 ...
- Babel+vscode实现APICloud开发中兼容ES6及以上代码
本文出自APICloud官方论坛, 感谢论坛版主 penghuoyan 的分享. 使用APICloud开发时,考虑到兼容问题一直使用ES5开发,时间越久感觉越落后,整理了一个兼容ES6的开发环境, ...
- String.valueOf(null)
public static String valueOf(Object obj) { return (obj == null) ? "null" : obj.toString(); ...
- 关于爬虫的日常复习(16)—— pyspider的初高级用法
- 团队项目-Beta冲刺3(七个小矮人)
团队项目-Beta冲刺3(七个小矮人) 一.格式描述 这个作业属于哪个课程 https://edu.cnblogs.com/campus/xnsy/GeographicInformationScien ...
- influxdb+Grafana+jmeter监控搭建
安装InfluxDB InfluxDB的简介 InfluxDB 是用Go语言编写的一个开源分布式时序.事件和指标数据库,无需外部依赖. 类似的数据库有Elasticsearch.Graphite等.. ...
- AVLTree(C++实现)没有统一旋转操作
最近疫情比较严重,只能在家里休息,利用休息之余,我用C++把AVL树实现了一遍 大学老师只讲一些比较简单的数据结构和算法,这些高级数据结构还是需要自己主动学习并且动手来实现的, 从前只听说过AVLTr ...
- C# LINQ查询表达式用法对应Lambda表达式
C#编程语言非常优美,我个人还是非常赞同的.特别是在学习一段时间C#后发现确实在它的语法和美观度来说确实要比其它编程语言强一些(也可能是由于VS编译器的加持)用起来非常舒服,而且对于C#我觉得他最优美 ...