hexo搭建Gitcafe博客(专栏)

最新推荐文章于 2020-03-04 20:10:27 发布
最新推荐文章于 2020-03-04 20:10:27 发布
阅读量1.7k 收藏 4
点赞数 1
分类专栏： Computer Skill Web develop 文章标签： hexo搭建博客 Gitcafe博客 hexo搭建Gitcafe博客 gitcafe hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tham_/article/details/45059689
版权

（专栏连接，hexo传送门）

为什么要自己搭建博客

  • 独立
  • 逼格高

博客架构

hexo + GitCafe Pages + Markdown

hexo

hexo是一个基于Node.js的静态博客程序，可以方便的生成静态网页托管在github和gitcafe上。

GitCafe Pages

Pages服务简单来说是通过在GitCafe上创建一个项目，在这个项目中托管静态网页文件，在指定的条件下，GitCafe会为您准备好一个XXX.gitcafe.com的二级域名用于渲染展示您的个人静态页面。

Markdown

Markdown是一种轻量级的标记语言，它可以让你只关注写作内容，而不是排版。Hexo的文章都是用Markdown格式进行书写的，如果不了解这门语言的，可以看下我这篇教程。

如果你开始感兴趣的话，赶紧进入下一节吧。

hexo搭建博客(二): 本地初始化

平时都是使用Mac或Ubuntu，不过大部分人都是使用Windows，所以特意用Windows跑了整个安装流程。

安装

Git

安装对应平台的Git，我这里选择Windows。安装过程如果不太懂的话，一直点下一步就可以了。

Node.js

Windows下面安装Node.js，选择对应的msi文件就可以。我的系统是64位的，所以选择64-bit的msi安装文件。安装过程也是一直点下一步。

hexo

利用npm命令安装，在任意文件夹点击鼠标右键，选择Git bash。 然后执行

     
     

      
      1
     
     
     
     

      
      npm install hexo -g

如果执行了之后没反应，按Ctrl+c结束运行。然后再执行一遍安装命令。成功的话会出现以下提示

依赖的插件

EJS

     
     

      
      1
     
     
     
     

      
      npm install hexo-renderer-ejs --save

Stylus

     
     

      
      1
     
     
     
     

      
      npm install hexo-renderer-stylus --save

Marked

     
     

      
      1
     
     
     
     

      
      npm install hexo-renderer-marked --save

如果以上命令安装不成功的话，就多试几次，一定要确保都装上才可以往下走。

用法

命令

hexo的命令很少，长短两种格式都可以用，这里用短格式的命令。

  • 初始化: hexo init
  • 添加新文章: hexo n
  • 生成静态页面: hexo g
  • 本地运行: hexo s
  • 部署: hexo d

初始化

安装完成后，在任意一个盘创建一个新的文件夹hexo，我这里创建在D盘，然后在这个文件夹内点击鼠标右键，选择Git bash，然后执行

     
     

      
      1
     
     
     
     

      
      hexo init

这样子我们就搭建起了本地的hexo博客了，然后接着执行

     
     

      
      1
     
     
     
     

      
      hexo generate && hexo server

到浏览器输入localhost:4000，就可以看到下面这个激动人心的页面了。

发布文章

配置了这么久，终于可以开始自己写点东西了。执行

     
     

      
      1
     
     
     
     

      
      hexo n hello_hexo

就会在D:\hexo\source\_post下面创建hello_hexo.md的markdown格式的文件。用markdown打开该文件，我这里用的是MarkdownPad,加入Hello Hexo，保存。

然后运行

     
     

      
      1
     
     
     
     

      
      hexo g && hexo s

刷新刚刚浏览器的那个页面，你就可以看到自己发布的新文章了。

至此本地环境就算搭建好了，如果想继续折腾配置的话，可以接着往下看。

hexo搭建博客(三): hexo配置

主题

hexo的主题比较少，我用的是Pacman，下面的教程也是基于Pacman。

在hexo项目的文件夹下面(就是上一节的D:\hexo)，点击鼠标右键，选择Git bash，然后执行

     
     

      
      1
     
     
     
     

      
      git clone https://github.com/A-limon/pacman.git themes/pacman

打开文件夹下面的_config.yml，把里面的theme属性设置为pacman

然后进入themes/pacman这个文件夹，运行Git bash， 执行

     
     

      
      1
     
     
     
     

      
      git pull

这样子就把主题设置成pacman了。进入hexo项目的根目录(D:\hexo)，运行

     
     

      
      1
     
     
     
     

      
      hexo s

然后在浏览器输入localhost:4000就能看到新主题了。

插件

下面的插件是可选的，没有的话博客也可以正常运行，所以完全不知道这些插件是做什么的，可以直接跳到下一节。

Rss

原生的Hexo是没有rss功能的，需要手动安装。运行Git bash， 执行

     
     

      
      1
     
     
     
     

      
      npm install hexo-generator-feed --save

修改之前的_config.yml，在plugins下面添加 hexo-generator-feed

     
     

      
      1
     
     

     
     

      
      2
     
     
     
     

      
      plugins:
     
     

     
     

      
      - hexo-generator-feed

如果是用pacman这个主题，可以打开themes\pacman\_config.yml，在rss里填入http://域名/atom.xml，比如我的

     
     

      
      1
     
     

     
     

      
      2
     
     
     
     

      
      #### RSS
     
     

     
     

      
      rss: http://leodots.com/atom.xml ## RSS address.

sitemap

运行Git bash， 执行

     
     

      
      1
     
     
     
     

      
      npm install hexo-generator-sitemap --save

修改之前的_config.yml，在plugins下面添加 hexo-generator-sitemap

     
     

      
      1
     
     

     
     

      
      2
     
     
     
     

      
      plugins:
     
     

     
     

      
      - hexo-generator-sitemap

访问http://leodots.com/sitemap.xml即可看到站点地图

配置就先说到这里，目前我们只能本地访问博客，接下来讲一下怎样将博客部署到GitCafe Pages。

hexo搭建博客(四): 部署GitCafe Pages

注册gitcafe帐号，创建公开项目。

项目名要和用户名一致，不然会出错。

将本机的SSH添加到GitCafe，如果从没生成过ssh的可以看下这里

打开_config.yml, 在最下面添加如下代码

     
     

      
      1
     
     

     
     

      
      2
     
     

     
     

      
      3
     
     

     
     

      
      4
     
     

     
     

      
      5
     
     

     
     

      
      6
     
     
     
     

      
      # Deployment
     
     

     
     

      
      ## Docs: http://zespia.tw/hexo/docs/deploy.html
     
     

     
     

      
      deploy: 
     
     

     
     

      
        	type: github
     
     

     
     

      
        	repository: git@gitcafe.com:your_name/your_name.git 
     
     

     
     

      
        	branch: gitcafe-pages

上面的your_name填入你自己的GitCage用户名，比如我的是git@gitcafe.com:clinyong/clinyong.git

然后运行

     
     

      
      1
     
     
     
     

      
      hexo g && hexo d

然后打开your_name.gitcafe.com就能看到你的博客了。记得把your_name替换成你自己的。

下一节 介绍如何绑定自己的域名。

hexo搭建博客(五): 设置域名

Godaddy

域名可以在Godaddy上面购买，这个网站主要是优惠券多，随便上谷歌一搜就有。我自己是在淘宝上面买的，买了一年，差不多50RMB。如果觉得太贵也可以去CNDNS买姓名域名，十年才100RMB。我自己是买的Godaddy，所以下面的教程也是基于Godaddy。

购买完域名之后，进入账户管理

点击Launch

选择你的域名，然后点击Set NameServers

填入DNSPod的2个DNS短地址

     
     

      
      1
     
     

     
     

      
      2
     
     
     
     

      
      f1g1ns1.dnspod.net
     
     

     
     

      
      f1g1ns2.dnspod.net

保存

这样子Godaddy这边的工作就结束了。

Dnspod

注册dnspod，点击添加域名

填入你自己的域名，我的是leodots.com，进入域名，添加记录

默认已经有两条记录了，其它两条条也填成像上图那样，记录值不用改，都是207.226.141.135。然后选择自己添加的两条记录，点击启用

GitCafe

接下来登陆GitCafe，选择你的GitCafe Pages项目

进去之后，点击项目管理

自定义域名

按照下图，填入你自己的域名

设置域名这部分就是算完成了，现在你输入自定义的域名就能看到自己的博客了。不过DNS一般会有延迟，如果没办法立即访问，等多一个小时再试。

最后一节介绍怎样备份博客

hexo搭建博客(六): 博客备份

博客在本地部署之后，如果换了电脑怎么办呢?（之前很傻逼，以为clone博客那个repo就可以了…）

没有什么好方法，直接用同步盘备份你的博客项目，我自己是用坚果云

到此hexo搭建博客系列教程就算写完了，想了解更多内容，请参考官方文档


tham_
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
git@gitcafe 的一些笔记
河 的 第 三 条 岸
03-26 5409
下面操作在Archlinux 上做的，Windows 上具体的密钥配置不知道扔哪个目录，没干过，可以查下，应该都是差不多的东西。
在gitcafe上部署hexo博客方法介绍
这里没人
05-14 449
最近闲着无聊，突发想搞一个自己的博客。于是就有了这个blog。在搭建的过程中也出了许多的问题，不过最后还是搭建完成了。现在我把我搭建的过程记录下来，作为备忘和分享。 0x00 首先是我自己机子的环境介绍以及各种组件介绍 我的机子操作系统为ubuntu 14.04。必要的软件为node.js与git。我的博客部署是在gitcafe上，使用的hexo的框架搭建。使用的主题的Next主题的Mi...
hexo + gitcafe 博客搭建
码上的生活
03-25 546
环境： ubuntu 14.04 hexo gitcafe gitcafe是国内的代码托管，支持自定义访问域名，速度相较于github而言要快，hexo是一个快速 简洁且高效的博客框架。Hexo使用Markdown解析文卓，换句话说就是用markdown写博客。 hexo安装 安装前需要检查是否已经安装下面的应用程序 Node.js Git 好了满足上面
[Hexo]使用Hexo(博客)+Gitcafe(服务器)+QiNiu(图床)搭建个人博客
汪海的实验室
03-05 1万+
第0分钟：下载Git 下载Git并执行文件便可以完成安装。 第一分钟：下载Node.js 访问官网地址，点击Install下载安装包，安装即可。 第二分钟：安装Hexo框架 访问Hexo官网，可以看到安装方法。 在命令提示行输入一下代码即可： npm install hexo -g 第三分钟：创建个人博客 在你想要的路径
用hexo在gitcafe上搭个人博客
L.J.SHOU的专栏
12-07 1978
本文介绍如何用 hexo 快速地在 gitcafe 上搭自己的个人博客。 环境准备 安装 Node.js安装 git安装 Hexo: 1 $ sudo npm install -g hexo Hexo 官网: Hexo 本地建博客 1234 hexo init blog #博客目录是 blogc
基于Hexo搭建的博客系统源码.zip
11-02
基于Hexo搭建的博客系统源码.zip文件包含了一整套用于创建个人博客的源代码，使得用户可以自定义自己的博客样式和功能。下面我们将详细探讨Hexo的搭建过程、核心组件以及与人工智能的潜在结合点。 1. **Hexo搭建...
用Hexo搭建个人博客共7页.pdf.zip
10-31
【标题】: "用Hexo搭建个人博客共7页.pdf" 这个标题暗示了文档内容是关于使用Hexo框架创建个人博客的详细指南。Hexo是一个快速、简洁且高效的静态站点生成器，尤其适合用来构建个人博客。它基于Node.js，通过简单的...
GitHub hexo搭建个人博客
06-10
GitHub+hexo搭建各个博客
个人博客系统-前后端,基于hexo搭建
10-19
本文将深入探讨如何使用Hexo框架来搭建这样一个个人博客系统，并强调其自定义模板的特点。 Hexo，一款轻量级的静态博客框架，以其简洁、高效和易于上手的特点，受到了众多用户的喜爱。它基于Node.js，能够快速生成...
基于Node.js搭建hexo博客过程详解
10-16
主要介绍了基于Node.js搭建hexo博客过程详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，
gitcafe
Runnerze
08-20 139
e： cd projects cd demo git add. git status git commit -m "test" git commit -m "edit appshow.html and result.html" git push origin master git pull origin master
Hexo + gitcafe 搭建过程
吃喝玩乐我最擅长
04-17 359
Hexo + gitcafe 搭建过程运行环境：
Gitcafe使用笔记
浪潮之巅的专栏
04-01 1873
title: Gitcafe使用笔记 date: 2016-06-03 20:45:44 categories: Gitcafe tags: - Git - Gitcafegitcafe使用小记这是原来的域名，https://gitcafe.com/。 后来gitcafe被合并到 Coding.net。 所以新的域名是：https://coding.net/注册帐号 新
利用gitcafe托管静态网页
Just do it !
07-28 3295
由于我的博客系统hexo就是托管在gitcafe上面,所以对于gitcafe和github就有着比较浓厚的兴趣，前段时间又把git学习了一下，算是刚好入了个门吧；在gitcafe上有一个gitcefe-pages分支，可以用于展示我们的一个页面，给我们提供了一个免费的空间，也可以使用它的二级域名，但是项目名称和****.gitcafe.com一样（二级域名）；而且一个账号只能有一个这样的页面；
Git使用教程（以gitcafe为例）
路过夏天
10-31 1975
git简易配置，基于gitcafe教程，完成ssh配置
一步步使用GIT
ichsonx的专栏
03-01 1万+
前置：安装设置GIT 在windows上只用git有多种方法，但本人在此选择的是直接安装mysygit。 从官网上下载它，它是一个exe的可执行程序，直接运行。 1.安装git 默认选择“use git bash only”，即只在msysgit提供的shell环境中使用git，不修改环境变量。注意，如果选择最后一项，有可能会覆盖windows下的某些同名程
源码版本管理gitcafe(已经迁移到coding）
琴剑飘零
09-28 1207
gitcafe
Hexo搭建教程
风云刀的CSDN博客
03-04 173
Hexo简介 Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Coding上，是搭建博客的首选框架。大家可以进入hexo官网进行详细查看，因为Hexo的创建者是台湾人，对中文的支持很友好，可以选择中文进行查看。 教程分三个部分： 第一部分：hexo的初级搭建还有部署到github page上，以及个人域名的绑定。 第二部分：hexo的基...
初识Git——Git、Github、Gitee的关系
热门推荐
Duke的博客
01-12 4万+
想要自己做一些有意义的东西，甚至去参加一些互联网比赛，就必须要学会使用Git。最初了解Git，同时听到了Git、Github、Gitee（码云），于是竭力想要弄明白三者之间的区别与联系，经过一番搜寻，先将所得结果整理如下，供以后参看： Git是一种东西，在本地的，可以安装。 Github与Gitee是一类，在云端。区别是Github是国外的，Gitee是国内的。二者的使用需要借助Git。
hexo搭建个人博客mac
最新发布
03-31
Hexo是一个基于Node.js的静态博客框架，可以帮助你快速搭建个人博客。在Mac上搭建Hexo个人博客的步骤如下： 1. 安装Node.js：首先确保你的Mac上已经安装了Node.js，可以在终端中输入`node -v`来检查是否已经安装。如果没有安装，可以去Node.js官网下载并安装。 2. 安装Hexo：在终端中输入以下命令来安装Hexo： ``` npm install -g hexo-cli ``` 3. 创建博客：在终端中选择一个合适的目录，然后执行以下命令来创建一个新的Hexo博客： ``` hexo init myblog cd myblog npm install ``` 4. 配置博客：在博客目录下找到 `_config.yml` 文件，使用文本编辑器打开进行配置。你可以设置博客的标题、描述、作者等信息，还可以选择主题和插件。 5. 编写文章：在终端中执行以下命令来创建一篇新文章： ``` hexo new "My First Post" ``` 这将在 `source/_posts` 目录下创建一个新的Markdown文件，你可以使用Markdown语法来编写文章内容。 6. 生成静态文件：在终端中执行以下命令来生成静态文件： ``` hexo generate ``` 生成的静态文件将会存放在 `public` 目录下。 7. 预览博客：在终端中执行以下命令来启动Hexo服务器并预览博客： ``` hexo server ``` 然后在浏览器中访问 `http://localhost:4000` 就可以看到你的博客了。 以上就是在Mac上使用Hexo搭建个人博客的基本步骤。如果你想了解更多关于Hexo的详细配置和使用方法，可以查阅Hexo官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值