博客搭建

前言

语雀 是一款非常好用的知识管理网站(类似 GitBook),它的编辑器非常好用,而且支持导出 Markdown,这篇文章是教你如何使用语雀的编辑器写静态博客。这里的静态博客用了 Hexo,Jekyll 也是没有问题的。

创建 Hexo 博客

已经有 Hexo 博客的可以跳过。如果你是 Jekyll ,也可以跳过。

  • 安装 Node.js
  • 安装 Hexo 脚手架
    1
    npm install -g hexo-cli
  • 初始化一个博客
    123
    hexo init <folder>cd <folder>npm install
  • 其他设置和命令见:https://hexo.io/zh-cn/docs/

安装语雀文章下载插件

yuque-hexo 是一个 Node.js 环境下的语雀下载器,使用 npm 安装

  • 安装 yuque-hexo

    1
    npm i -g yuque-hexo
  • 注册语雀,创建知识库,获得你的个人路径和知识库的名字,比如我的博客的知识库是 https://www.yuque.com/page/luan.ma
  • 在 Hexo 博客的目录下面的 package.json 中,进行下面的配置
    12345678910
    {  "name": "your hexo project", //如果原来已经有这个不用再加了,直接加下面的就可以  "yuqueConfig": {    "baseUrl": "https://www.yuque.com/api/v2",    "login": "page",    "repo": "luan.ma",    "mdNameFormat": "slug",    "postPath": "source/_posts/yuque"  }}
  • 如果不是 Hexo 博客,则需要按照上面的文件保存一个 package.json 到博客目录,并且配置 postPath 为正确的文章目录
  • 同步文章
    1
    yuque-hexo sync

PS: 插件支持 Front-matter,在语雀写文章的时候直接写在前面,然后插入一条分割线即可,不写也没问题:

123
tags: [Hexo]categories: 教程date: 2018-10-05 10:43:50

启动/部署 Hexo 博客

  • 本地启动(调试用)

    1
    hexo s
  • 生成 html 不部署
    1
    hexo g
  • 自动上传到服务器/静态空间/git (部署)
  1. 先找到一个部署插件
  2. 在配置文件中配置好相关的账号密码
  3. 在 hexo 中生成 HTML 并且部署
    1
    hexo g -d

静态博客空间选择

  1. Github Pages: 方便,不太稳定,Git部署
  2. Coding.net Pages: 需要挂一个链接 或者 付费,速度尚可,Git部署
  3. 腾讯云 COS + 腾讯云 CDN:需要备案,速度极快,COS 插件部署
  4. 自有服务器:可定制,速度一般 ,支持多种方式部署

后记

核心是把 yuque-hexo 这个东西介绍给大家,本博客目前也是使用这个方案同步语雀的文章。

当然,关于 Hexo 皮肤、评论插件等等玩法也要折腾很久,我就不在这篇文章里面说了。

原文:大专栏  博客搭建

原文地址:https://www.cnblogs.com/chinatrump/p/11611985.html

时间: 2024-11-09 09:17:25

博客搭建的相关文章

nodejs环境 + 入门 + 博客搭建

NodeJS:NodeJS是一个使用了Google高性能V8 引擎 的服务器端JavaScript实现.它提供了一个(几乎)完全非阻塞I/O栈,与JavaScript提供的闭包和匿名函数相结合,使之成为编写高吞吐 量网络服务程序的优秀平台. NPM:全称是Node Package Manager,是一个NodeJS定制的包管理和分发工具,如node-mysql,已经成为了非官方的发布Node模块(包)的标准. (npm类似maven,package.json类似pom.xml文件) mongod

学习他人博客搭建

https://www.aswifter.com/  很舒服 类似苹果的主页 -这个他的博客搭建主题他的搭建方法 http://jiji262.github.io/2016/04/15/2016-04-15-hexo-github-pages-blog/  方法,通过了解,是hexo来搭建,使用github上的免费空间来搭建个人博客,很不错哦

我的博客搭建日志

博客地址:绵绵小站 该篇博客原文:我的博客搭建日记-绵绵小站 我的博客搭建是以Github Pages为托管,使用Hexo的NexT模板,博客内容编写利用MarkDown排版方式,图片放在七牛云上,评论插件使用Hypercomments,文章阅读量统计使用LeanCloud. 本篇主要记录我在搭建中所遇到的问题以及着重想讲的部分,具体的搭建步骤,我会提供我所参考的设置文章. Github Pages 账号注册 安装git 新建仓库(两种方式) 博客源码托管到Coding 参考Hexo博客(10)

Hexo+git博客搭建

前言 早就想换一换我之前使用的wordpress博客了,昨天偶然看到一个学长的博客感觉前端简洁大气,于是查了一下他所用的Hexo这个博客框架.从doc来看使用简单,md的编辑方式很高效,浏览了一下主题也有几个不错的,于是趁着考试周之前的日子赶紧把博客搭建起来了. 搭建的环境是Mac+Ubuntu14.04 本地安装搭建博客 本地安装hexo框架 先使用homebrew安装npm: 1 brew install npm 使用npm安装Hexo 1 npm install hexo-cli -g 安

个人博客搭建线上实施方案

个人博客搭建线上实施方案 在hexo本地实施没有问题的基础上 实施方案 方案一:GithubPages 创建Github账号 创建仓库, 仓库名为:.github.io 将本地Hexo博客推送到GithubPages 3.1. 安装hexo-deployer-git插件.在命令行(即Git Bash)运行以下命令即可: $ npm install hexo-deployer-git --save 3.2. 添加SSH key. 创建一个 SSH key .在命令行(即Git Bash)输入以下命

个人博客搭建过程中异常处理

个人博客搭建过程中异常处理 错误分析 如果你使用Hexo遇到同样的问题,这里有一些常见问题的解决方案. YAML Parsing Error JS-YAML: incomplete explicit mapping pair; a key node is missed at line 18, column 29: last_updated: Last updated: %s 参数中包含冒号,请用加引号,如Last updated: %s JS-YAML: bad indentation of a

U盘便携式hexo&amp;博客搭建&amp;极速纯净低bug主题推荐&amp;部署到coding&amp;SEO优化搜索

指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写hexo博客,一个U盘+几个网站即可搞定.便携式hexo,其免去Nodejs 和 Git 的安装和配置还包含了配置和懒人脚本.好处就是省事.简单.方便 便携式hexo下载及使用方法,由 HEXO Portable | 比特萌信息技术 免费提供服务.(这里使用的版本是1.0.3) 几个网站: 折腾选用:hexo中文文档

Node.js 博客搭建

Node.js 博客搭建:https://www.linuxidc.com/Linux/2017-02/140115.htm https://www.cnblogs.com/mrcln/p/9308729.html 原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/11725444.html

LAMP架构搭建以及基于LAMP架构的主流论坛和博客搭建过程详解

了解网站架构的朋友都知道,现在很多网站的架构都是采用LAMP(Linux+Apache+Mysql/Mariadb+Php)的,至于LAMP架构本身我们就不做过于深入的探讨了,今天我给大家分享的是关于如何搭建LAMP构架,以及如何基于lamp架构去搭建目前国内比较流行的两大开源论坛(phpwind.discuz)一大开源博客(wordpress),通过这个过程也就能让大家明白我们经常上的论坛以及博客,包括包括我们访问的各个网站到底是如何工作起来的. 注意:为了方便给大家展示实验效果,我们就直接关