Hexo + Github 搭建个人主页

全局安装 hexo

sudo npm install -g hexo

初始化

新建文件夹,进行初始化,并在本地安装必要组件。

hexo init
npm install

生成如下目录:
.
├── _config.yml
├── node_modules/
├── package.json
├── scaffolds/
├── source/
| ├── _drafts
| └── _posts
└── themes/

  • _config.yml 站点配置文件,全局配置都在这个文件中。
  • node_modules 依赖模块。
  • package.json 应用数据。hexo 相关信息及依赖的一些组件。
  • scaffolds 模版文件。当创建一篇新的文章时,hexo 会依据模版文件进行创建。
  • source 资源文件夹。包括发表在站点的文章、图片和文件等等。
  • themes 主题文件夹。

生成页面

hexo genearate

这个命令将 md 格式的内容生成静态网页,可简写为 hexo g。

启动本地服务,预览页面

hexo server

打开 localhost: 4000,页面已经可以访问。

配置 Github

进入 github,建立与用户名对应的仓库,仓库名必须为 username.github.io。这是由于 github 上的个人账户必须使用唯一且特定的库来创建 Github Pages 托管内容,master 分支的内容将会被构建和发布在 Github Pages 上。

修改 /_config.yml 文件建立关联:

deploy:
    type: git
    repository: https://github.com/username/username.github.io.git
    branch: master

把上述 repository 中的 username 替换成自己的 github 用户名。

执行 hexo deploy 将页面部署到 github 上,访问 username.github.io 可以查看页面。

域名解析

我们已经将 hexo 搭建的页面放在 github 上并且可以访问了,下面进一步将域名和 github 进行绑定。

这里的记录值 192.30.252.153 是 Github Pages 服务器指定的 IP 地址。

进入 github 的 username.github.io 库,新建文件 CNAME,写入内容为域名。

页面部署

每次部署的步骤,可以按以下三步来进行。

hexo clean
hexo generate
hexo deploy

原文:大专栏  Hexo + Github 搭建个人主页

原文地址:https://www.cnblogs.com/wangziqiang123/p/11657561.html

时间: 2024-10-10 05:38:08

Hexo + Github 搭建个人主页的相关文章

《Hexo+github搭建个人博客》

<Hexo+github搭建个人博客> 文/冯皓林 完稿:2016.4.22-2016.4.23 注意:本节教程只针对Windows用户.本教程由无人赞助,赞助写出. <Hexo+github搭建个人博客>1 思维导图总览:2 What?2 简介:2 Hexo:2 NodeJs2 Github4 Git5 Github page:5 Markdown6 How?7 环境配置:7 安装Git8 安装Node.js9 安装hexo13 第一步:打开cmd.13 第二步:进入NodeJS

使用Node.js+Hexo+Github搭建个人博客(续)

一.写在前面 在我的上一篇博客<使用Nodejs+Hexo+Github搭建个人博客>中,已经介绍了如何使用 Hexo 在 Github Pages 上搭建一个简单的个人博客.该篇博文将在上篇博文的基础上分别从以下几个方面做简单的后续介绍: 博客相关配置介绍 博客主题 Yilia 配置介绍 如何制作并配置网站缩略图 如何将博客同步到 Github.Coding 中 如何使用 Git 同步 Github 与 Coding 的代码 如何申请域名并作域名解析 如何将域名绑定至 Github.Codi

使用hexo+GitHub搭建个人博客的心得(含教程)

Author Email Yaoyao Liu [email protected] 前言 对于广大CS专业的学生和码农,找一个地方写博客,记录一些编程.配置环境.阅读论文的心得体会是一个很常见的习惯.当然想搭建个人博客,就需要找个靠谱的平台,主要就是以下的两种方式: 使用网站提供的博客平台,例如国内的CSDN.博客园:国外的Blogger.Wordpress 自己建站,发布到自己的服务器上,或者发布到GitHub.GitLab.Bitbucket等支持静态网页发布的git平台 针对于第一种方式,

使用Hexo+Github搭建个人网站

使用Hexo+Github搭建个人网站 通常个人网站搭建最常见的方式: 1.Wordpress:动态网站,功能更强大. 2.Hexo:静态网站,简洁,快速,安全. 各自特点这里不多介绍,这里我们介绍Hexo搭建方法. 首先看这张架构图: 整个流程就是本地将 *.md 渲染成静态文件,然后Hexo Deploy发布到Github的repository,由GithubPages提供服务访问. 1. 基础环境配置 yum install git #安装git https://nodejs.org #安

使用Hexo+Github搭建属于自己的博客

工具:Visual Studio Code/MarkdownPad技术:Hexo+Github 创建Github项目 Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦.并且需要勾选Initialize this repository with a README 在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它. 安装

hexo+github 搭建的博客重做系统以后如何重新配置

重做电脑系统以后 1. 安装 git  node  2.在桌面右键启动git 然后安装hexo $ npm install -g hexo-cli 3.接着在文件夹里右键git,去测试本地是否能预览: (有问题的话去http://www.paopaoche.net/jiaocheng/85988.html) 4.本地ok的话就去重新配置钥匙,去github 删除之前的,然后添加新的, 参考这里:https://segmentfault.com/a/1190000004947261 5.然后验证邮

Hexo+Github搭建博客

作者:桂. 时间:2017-06-10  08:08:04 链接:http://www.cnblogs.com/xingshansi/p/6974267.html 前言 开会开了整整一周,刚下火车回来.打算记录自己看的电影.书籍,记录一些感性的文字,这类信息对公式.排版要求比较简单,想着自己搭建一个基本型博客. 一.环境及软件 A-环境 windows8.1系统 64位 B-软件 1-Node.js 类似javascript,网页制作三件套:html(内容)+CSS(结构布局)+JS(javas

windows下hexo+github搭建个人博客

网上利用hexo搭建博客的教程非常多,大部分内容都大同小异,选择一篇合适的参考,跟着一步一步来即可. 但是,很多博客由于发布时间较为久远等问题,其中某些操作在现在已不再适用,从而导致类似于我这样的小白在搭建过程中困难重重. 因此在我这第一篇博客中,主要记录我搭建时参考的两篇博客中出现问题的地方(网上很多的博客都会导致这些问题,因此如果你在搭建过程中遇到困难的话,不妨来这里找一下答案) 参考的两篇博客 这里附上两篇博客的链接: windows下Hexo博客搭建过程 关于HEXO安装失败的解决方法

Ubuntu+Hexo+Github搭建个人博客

目录 目录 目录 1. 简介 环境 2. Git安装及配置 2.1 安装Git 2.2 创建Git仓库 2.3 配置git仓库 2.4 添加公钥 3. Node安装 4. Hexo安装及配置 4.1 安装hexo 4.2 初始化hexo文件夹 4.3 Hexo操作 4.4 将git库和hexo链接起来 5. 更换主题 6. 博客迁移 6.1 常规迁移 6.2 特殊情况 1. 简介 以前部署的Hexo博客是在Windows上搭建的,在Windows系统使用很方便,碰到一些问题也都能够解决:现在安装