hexo

hexo+markdown学习笔记

廉价感情. 提交于 2020-03-10 05:05:52
用hexo+github搭建完了 这个特别特别简陋的博客 ,这篇是最近学到的hexo和markdown的用法 命令行 插入图片 - 绝对路径 - 相对路径 标签插件(Tag Plugins) 模板设置 命令行 hexo new draft name ----创建名为name的草稿 hexo publish draft name ----移动到_post里/发表 插入图片 绝对路径 当Hexo项目中只用到少量图片时,可以将图片统一放在source/images文件夹中,通过markdown语法访问它们。 ![](/images/image.jpg) 相对路径 图片除了可以放在统一的images文件夹中,还可以放在文章自己的目录中。文章的目录可以通过配置_config.yml来生成。 post_asset_folder: true 之后,执行命令$ hexo new post_name,在source/_posts中会生成文章post_name.md和同名文件夹post_name。将图片资源放在post_name中,文章就可以使用相对路径引用图片资源了。 ![](image.jpg) 标签插件(Tag Plugins) 标签插件和 Front-matter 中的标签不同,它们是用于在文章中快速插入特定内容的插件。 <!--more--> --------read more {%

Hexo 集成 Gitalk 评论系统

笑着哭i 提交于 2020-03-09 00:16:15
什么是 Gitalk Gitalk 利用了 GithubAPI 基于 GitHub Issue 和 Preact 开发的评论插件, 官方网址: https://gitalk.github.io 官方中文文档: https://github.com/gitalk/gitalk/blob/master/readme-cn.md Gitalk 特性 1、使用 GitHub 登录 2、支持多语言 [en, zh-CN, zh-TW, es-ES, fr, ru] 3、支持个人或组织 4、无干扰模式(设置 distractionFreeMode 为 true 开启) 5、快捷键提交评论 (cmd|ctrl + enter) 集成流程 Hexo主题基本都继承Gitalk我们只需在在github上面注册对应的秘钥填入hexo主题的_config.yml配置即可。 1、在GitHub上注册新应用,链接: https://github.com/settings/applications/new 参数说明: Application name: # 应用名称,随意 Homepage URL: # 网站URL,如https://www.tiance.club Application description # 描述,随意 Authorization callback URL:# 网站URL, https:

hexo,史上最全搭建个人博客

谁说胖子不能爱 提交于 2020-03-07 17:17:35
前言 2020 - 2 月底鬼使神差的给我的域名 mflyyou.cn 续费三年,2024 - 4 才到期,就琢磨搭建个人网站,Google 了 hexo 中一个自己比较喜欢的主题 hexo-matery-modified ,然后自己改了改其中的内容。 博客的具体效果请观摩 张攀钦的博客 本文概要 hexo 使用,及怎么去改主题的模板 阿里云服务器,搭建 nginx ,配置 nginx 缓存 百度、谷歌 seo 优化,让你的网站可以被搜索到 阿里 oss 作为图片服务器 CDN 加速提高首屏渲染 shell 脚本一键部署到 nginx 目录下,将所需静态资源上传到 oss Hexo 介绍 hexo 会解析 markdown 语法 生成对应的 html ,主题就是 css 样式。 我自己的 hexo GitHub 克隆之后 yarn install 安装依赖。 hexo s 本地预览效果。 yarn 中文教程 如果是用 npm 安装的依赖包的话,请将 yarn.lock 先删除,再 npm install 安装。我已在项目下 .npmrc 配置依赖包从淘宝镜像下载。 root 为项目根路径。 # 本地预览 hexo s # 根据配置文件和主题,将 root/source/_post 下的 markdown 文件生成 html 内容 hexo g # 清空 hexo g 生成的内容

Hexo:语雀云端写作,Github Actions持续集成

戏子无情 提交于 2020-03-07 07:10:58
本文章为原创内容,只发布于本博客和 我的私人博客 ,转载请注明,谢谢 使用 Hexo 静态博客网站发表文章,需要 本地以Markdown的形式写好文章 借助 Hexo 生成静态页面 部署到云主机或者通过 git 到托管平台 既然要本地借助 Hexo 生成静态页面,那就需要设置 Node.js 环境和博客源码,虽然环境设置简单,源码从Github、coding、gitee、gitlab等地方下载方便,但是在换电脑之后,又要重复相同的事情,还是比较麻烦,前一阵我用 docker 将我的博客源码打包成镜像留存下来,也是面临同样的问题,就是换电脑后还要安装 docker 和 docker-compose ,也是麻烦。 当我遇见了 Github Actions 和 yuque-hexo 后,一切都发生了变化 简单来说就是 由 Hexo + 语雀 + yuque-hexo + Github Actions + web hook + severless 打造的持续集成个人博客 至于托管平台,Github Pages or Coding Pages or VPS or Other,自行选择。 Github 保存博客源码,私有库已经免费,还在用 Travis CI ?非开源的私有项目想在 Travis CI 上构建价格还是非常感人的! Github Actions 是 Github

Hexo+Coding搭建免费博客之Next主题设置(二)

北慕城南 提交于 2020-03-06 11:58:30
本文转载自: https://www.93bok.com 前言 或许是对默认的东西没有好感,总觉得默认的主题是很丑很丑的,完美控是接受不了这个东东的,还好hexo是可以修改主题的。这里首推NexT主题, 精于心,简于形 标语说的是真的不错。使用NexT主题的人比较多,这也说明这个主题确实很成熟了。优化,配置,扩展很多都集成了,比较简单。博文重质量,弄的太花哨确实没啥用。。。 一、安装Next主题 安装的过程很简单,就一行代码,不过要先进入博客根目录 cd /data/ git clone https://github.com/theme-next/hexo-theme-next themes/next 以上代码的意思是,从https://github.com/theme-next/hexo-theme-next将next主题下载到当前目录的theme/next文件夹中** 二、启用主题 修改站点配置文件(注意一下,这里分为站点配置文件和主题配置文件,下边的文章内容注意看我说的是站点配置文件还是主题配置文件,因为这两个文件的命名相同,但是所在位置却不同) vim /data/_config.yml 三、设置主题外观 Scheme 是 NexT 提供的一种特性,借助于 Scheme,NexT 为你提供多种不同的外观。同时,几乎所有的配置都可以 在 Scheme 之间共用。目前 NexT

hexo学习(一)

点点圈 提交于 2020-03-05 08:21:54
title: hexo学习(一) date: 2019-09-18 17:21:53 tags: - Node.js - Git - Hexo categories: 博客 本文章将介绍hexo环境搭建以及如何初始化一篇博客。 基于B站视频 ,感谢UP主Neko提供的教程! 什么是Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 01.安装Node.js Hexo需用通过npm安装,而npm需要node,现在只要安装node 就自带 npm了 进入 官方网站 ,选择箭头所指的长期且稳定的版本进行下载。 安装目录最好不要选择C盘,安装过程一直next就行。 02.安装Git 进入 官方网站 ,选择对应版本进行下载。 安装也是一直下一步,安装路径最好不要选择C盘。 在开始菜单可以找到git相关组件。 tips:之后我们都用Git Bash来打开终端进行操作。 03.安装hexo 在桌面新建一个MyBlog文件夹 进入文件夹,空白处点击鼠标右键,点击Git Bash进入终端。 先检查node和npm是否安装成功,如下图: 网上很多教程提到需要安装cnpm提高速度,我的电脑试了一下用cnpm下载会报错,所以我们跳过这一步,不使用淘宝镜像,直接用npm下载hexo。 在终端中输入

hexo部署到阿里云ECS

和自甴很熟 提交于 2020-03-05 00:59:00
一开始将博客搭建在GitHub上,由于加载速度太慢忍受不了,刚部署完不久就开始研究如何加快博客加载。尝试了将博客双线搭建在GitHub+coding上速度仍然不理想,找到不到其他办法便买了个ECS服务器搭建博客,同时学习Linux。 阿里云ECS Ubuntu 18.04 64位 Git Hooks 要求 域名(国内需备案) 云服务器ECS 购买域名 域名可以去国内几大云服务商购买,如: 万网 购买ECS 购买完域名后,回到首页进入 ECS 购买服务器。 备案域名 购买完服务器后才能给域名 备案 ,按照提示完成备案等待3~5天左右,期间会有客服打电话核实。 安装服务器系统 选择Ubuntu 18.04 64位,不喜欢后面可以改。 安装nvm nvm是nodejs的版本管理工具,可以快速切换更新nodejs版本。 之前在安装node.js时遇到直接安装的node.js版本过低报错,所以我们使用nvm安装。 curl下载: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash wget下载: wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash 以上均报错的话,使用 yum

GitHub+Hexo个人博客搭建

穿精又带淫゛_ 提交于 2020-03-04 10:38:37
前言 也许不能算作一个合格的程序员,因为业余时间懒得开电脑,自然也懒得写东西。 github是很早就注册了的,却一直没有用过。 从第一次接触电脑到现在,十多年,统共没写过多少文字发表在网上。跟风搞的博客、人人、小窝……通通都荒芜着。 但就学习来说,为了更好的掌握一门技能,输出是一个很好的途径。可以对自己已经掌握的做一个梳理,并能很好的掌控学习进度,规划学习目标。 上面说这么多题外话,只是想说明一下初衷:因为不想原地踏步,决定继续学习。首先,把github用起来,比如,建一个博客。 至于选择hexo,嗯,看的全栈教程是这么选择的,也就不费心思去比较各种博客框架了,毕竟,我的目的是在前端的道路上更进一步,而不是经营好一个完美博客,得分清主次。 好了,正文开始。 首先介绍一下,我用的是WIN7x64,在网上一堆OSX和LINUX中间显得有点突兀。不过前端嘛,支持IE,FF,Chrome就行。 然后搜教程的时候,好多都是非WIN系统的,好在原理相通,整个流程还算顺利。 环境准备 * 注册GitHub 直接去GitHub 官网 注册一个账号,和一般注册流程差不多。 * 安装Git 前几天准备把GitHub重新打开的时候便已经装好了,用的是 msysgit 。 msysgit 是 Git 版本控制系统在 Windows 下的版本,可以从如下地址下载 1 : 下载地址1 下载地址2

Hexo 搭建属于自己的免费博客

久未见 提交于 2020-03-03 18:35:40
作为一名从事web好几年的我来说,喜欢用一些东西来记录自己平时遇到的问题,像是csdn、简书,这些都属于第三方网站,有一个自己专属的空间最好不多了,今天跟大家分享一下免费使用hexo搭建属于自己的免费博客,下面咱们开始搭建吧。 一:前言 该博客用的是 Hexo 框架,基于Node.js,搭建博客首先需要有一个GitHub账号并且配置了SSH Keys(申请步骤这里就不介绍了,网上教程很多),然后在GitHub里创建一个名为username.github.io的仓库,还需要安装Git、安装Node.js、安装Hexo 二:准备开始 1.首先创建一个github仓库 创建一个名为username.github.io的仓库 在GitHub中新建仓库相信你们都会,点击New repository创建,注意:仓库名称一定是 username.github.io 这种格式,username替换一个你喜欢的名字 下图之所以会报红,是因为我已经有了一个同样名字的仓库,所以不能再次创建。 2 .安装git与node 相信看到这篇文章的小伙伴都已经安装完环境了,在这里就不多叙述了。 3.安装hexo 所有必备的程序安装完成以后,就可以时候用npm安装Hexo了。 $ npm install -g hexo-cli 三:建站 1.创建文件 安装完Hexo之后,在某个目录下新建一个文件夹命名为

hexo学习(二)

时光怂恿深爱的人放手 提交于 2020-03-03 17:32:43
layout: w title: hexo学习(二) date: 2019-09-19 18:34:09 tags: -hexo -github categories: 博客 上一篇我们介绍了在本地搭建一个服务器并且成功运行测试,这次我们把它部署到github上,让别人也可以访问我们的网站, 基于B站视频 ,感谢UP主Neko提供的教程! 01.新建仓库 打开 github网站 ,还没有注册的同学自己注册登录就行。 点击右上角加号新建一个仓库用来存放你的博客。 tips:注意仓库名后缀必须是 github.io ,前缀是你的用户名。按上图所示创建即可。 创建完毕后将跳转到下面页面: 复制其中的网址后,用记事本打开MyBlog目录下的_config.yml文件。 将其中的Deployment按如下修改: tips:在 repo: 后面将你复制的网址粘贴上去。注意每个冒号后面跟一个空格(node书写规范)。 配置好后,进入终端,输入 hexo g -d 最后一步:浏览器输入 https://你的用户名.github.io/ 即可看到你的博客。 来源: CSDN 作者: 什么值得,什么难舍 链接: https://blog.csdn.net/qq_43605986/article/details/104627888