Hello World to Hexo


说在前面

我的blog很大程度上不算blog,算是个整合贴。我的blog的流程一般是这样的:

遇到一个实际问题,或者从完全不了解到初步入门,我会保留自己在解决这个问题的浏览器历史搜索记录(请务必科学上网)、大致流程、特殊问题和解决方案。

一般不再书写别人已经写作的内容,仅仅贴上链接。虽然不排除链接实效的情况,但是一般来说链接是稳定的。万一实在链接失效,也可以搜索关键词找寻更新的教程。在此不再赘述。

使用Github Pages和Hexo构建个人博客

此项目是基于gitpage的托管,在本地nodejs平台渲染hexo项目生成的静态网站。

静态博客文档的书写一方面是记录了博主的工作,另一方面在线分享也节省了有同样问题或者想要了解、从事某方面研究的人的调研时间,一举两得。

感谢所有愿意分享的博主,你们的无私让整个社区更加美好。

Valine无后端评论系统

这是静态网站中不那么静态的部分——评论系统。

后台存储使用的是LeanCloud。详细配置文档中有细致说明。

使用jekyll构建gitpage静态网页

这是另一种实现静态网站的方案,但是jekyll是基于ruby的,对于windows用户可能不是那么友好,所以推荐使用前面的方案。

Ubuntu安装Node环境

windows下直接安装就OK。这里采用了NVM的Node版本管理来做安装,并使用国内镜像。

NVM github

仓库主题下载使用

仓库地址,请参照 readme运行,参照 themes\hexo-theme-matery\README_CN.md 中说明配置详细主题信息.

根据自己需求进行自定义修改和美化的blinkfox的hexo主题。

准备工作

安装NodeJS(Windows,Linux,MacOS均可)。

Fork仓库后使用git克隆项目

点击fork按钮fork到自己的账号下,这样你的配置就可以保存下来了。

git clone https://github.com/zhangyuanes/blinkTheme.git

进入项目文件夹,安装依赖包

cd blinkTheme
npm install

清理并生成渲染

npm run clean
npm run build

本地预览

npm run server

访问http://localhost:4000即可看到页面。

使用hexo-admin做后台dashboard

预先配置有hexo-admin,在url结尾加入/admin即可进入管理页面,可以在线md交互预览编辑。用户名和密码我配置的为:yanbo,你可以修改配置文件来自定义,相关配置在_config.yml中:

# hexo-admin authentification
# 在本地浏览的时候在url之后加上admin即可访问
# 这里的password是密码经过sha256加密
admin:
  username: yanbo
  password_hash: $2a$10$SD3chEWmZ4/qWCOOvmVv3ut5/lKgPqDx5YBLwtZHt07/XzcG4TEAK
  secret: yanbo
  deployCommand: 'hexo-deploy.bat'

推送到github.io

如果你没有设置这个gitpage仓库,参考这里.

需要预先设置项目根目录下的_config.yml中的部署deploy配置:

# Deployment
deploy:
  type: git
  repo: https://github.com/********/********.github.io.git
  branch: master

预览渲染没有问题可以使用命令推送到gitpage,推从到github.io仓库中,使用命令:

npm run deploy

当显示成功后刷新仓库,就可以访问到对应的页面了,页面地址为 https://YourGithubName.github.io

编写你的文章

清除source/_posts下全部文章页(但请至少保留一个md文件用于生成页面,否则build会失败),完成_config.yml中其他个性化配置后重新清理并生成渲染,预览后推送即可。

_config.yml已经添加很多中文注释,如果需要请按照注释修改即可。

本项目代码唯一需要用户单独存档的仅仅为source/_posts下的原始md文章页面以及对应的配图。

配图建议使用图床,这样就不用担心相对引用,相关文章参考这里。本仓库的配图还是比较大的,后续会逐渐修改为图床链接。

补:如果不是图床的图片,配图请放在source/medias中,如果需要分类请在此文件夹下新建文件夹放置即可,在页面中引用地址为:/medias/******.jpg

md文章的编写如果不清楚可以先参考我的md,里面基本内容包括:header和正文。

header需要用三个连接号显式表示出来,字段和含义如下 : title 文章标题, date 时间, author 作者, categories 分类,tags 文章标签。

header写完后就是正文,直接兼容全部的md语法,自由书写即可。

---
title: Hello World to Hexo
date: 2020-09-11 20:26:00
author: zhangyuanes
categories: 博客搭建
tags:
  - Hexo
  - Gitpage
---

<你的文章内容>

如有其他问题请提交issue或发邮件询问。


文章作者: zhangyuanes
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 zhangyuanes !
评论
 上一篇
APF方法的local planner APF方法的local planner
人工势场法(Artificial Potential Field)移动机器人在给定初始点和最终点的情况下,在不与障碍物发生碰撞的情况下执行由自动路径规划模块规划出的路径到达最终点。 在实际情况下,部分或全部环境未知,路径规划通常使用基于行为
2020-09-14
本篇 
Hello World to Hexo Hello World to Hexo
说在前面我的blog很大程度上不算blog,算是个整合贴。我的blog的流程一般是这样的: 遇到一个实际问题,或者从完全不了解到初步入门,我会保留自己在解决这个问题的浏览器历史搜索记录(请务必科学上网)、大致流程、特殊问题和解决方案。 一般
2020-09-11
  目录