利用hexo+github创建个人博客

因为想拥有一个独属于自己的个人博客啊。

安装部署hexo

  1. 进入一个安全的目录,cd ~/Desktop
  2. 在 GitHub 上新建一个空 repo,repo 名称是「你的GitHub用户名.github.io」
  3. 安装 Hexo $ npm install -g hexo-cli
  4. $ hexo init myBlog
  5. $ cd myBlog
  6. $ npm I
  7. $ hexo new这时会看到一个 md 文件的路径
  8. $ vi _config.yml编辑网站配置
    • 把第 6 行的 title 改成你想要的名字
    • 把第 9 行的 author 改成你的名字
    • 把最后一行的 type 改成 type: git
    • 在最后一行后新增一行 repo: 仓库地址 (仓库地址应为「你的GitHub用户.github.io」对应的仓库地址,仓库地址以 [email protected] 开头)
    • ??repo后面有个空格。
  9. $ npm install hexo-deployer-git —save安装 git 部署插件
  10. $ hexo deploy
  11. 进入「你的GitHub用户名.github.io」对应的 repo,打开GitHub Pages功能,如果已经打开了,直接点击即可预览链接博客

添加新的博客

  1. $ hexo new 添加博客md,这时会出现一个路径,复制显示的路径,打开编辑
  2. $ hexo generate
  3. $ hexo deploy OK完成

更换博客的主题

  1. 进入喜欢的主题的 GitHub 首页
  2. 复制它的 SSH 地址或 HTTPS 地址
  3. 根据md文件提示下载
  4. 将myBlo文件夹中中_config.yml的第 75 行改为 theme: 新下载的主题的文件夹名字
  5. $ hexo generate
  6. $ hexo deploy
  7. 一分钟博客页面即可

上传博客源代码

注意??:「你的Github用户名.github.io」上保存的只是你的博客,并没有保存「生成博客的程序代码」,所以需要再创建一个名为 blog-generator的空仓库,用来保存 myBlog 里面的「生成博客的程序代码」

  1. 在 GitHub 创建 blog-generator 空仓库

  2. 按照截图中的命令执行即可,记住不要用 HTTPS 地址。
  3. 这样你的博客发布在了「你的Github用户名.github.io」而「生成博客的程序代码」发布在了 blog-generator。所有数据万无一失。
    • 以后每次 hexo deploy 完之后,博客就会更新;然后还要 add / commit /push 一下「生成博客的程序代码」,以防万一。
    • 这个 blog-generator就是用来生成博客的程序,而「你的Github用户名.github.io」仓库就是你的博客页面。

原文地址:https://www.cnblogs.com/nolaaaaa/p/9127776.html

时间: 2024-10-09 10:24:16

利用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

github创建个人博客手记

第一步:先总体看下要在本地创建的文件目录 /jun_demo |-- _config.yml |-- _layouts | |-- default.html |-- _posts | |-- 2014-06-26-hello-world.html |-- index.html config.yml:Configuration设置 _layouts:模板存放文件夹 default.html:文件模板 _posts:blog文章存放目录 2014-06-26-hello-world-html:blo

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系统使用很方便,碰到一些问题也都能够解决:现在安装

hexo+github搭建个人博客

写在前边:Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页. 1.安装git[因为我们写好的博客受与github相关联,在本地可以运行后,还要通过git相关工具自动化部署到github,所以git必须有] 2.安装node[hexo的服务器是基于node的] 3.安装hexo   全局输入npm install hexo-cli -g 4.申请github账号 5.新建一个文件夹      我在e盘下

【Hexo】Hexo+Github构建个人博客 (三):添加皮肤主题

一.选择主题 选择你自己喜欢的主题 参考: 1.Hexo官网主题 2.知乎:有哪些好看的 Hexo 主题? 二.配置主题 1.我选择了hexo-theme-yilia这个主题,简洁大方,功能齐全: 这是他的地址:https://github.com/litten/hexo-theme-yilia 2.具体添加方法: 安装 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 配置 修改hexo根目录下的 _co

3min快速使用Hexo+GitHub搭建免费博客

准备工作 至于为什么使用Hexo,而不使用Jekyll,网上已经做了一些比较,这里就不在赘述. 由于是免费博客,本篇文章暂不涉及域名申请. 在开始之前,已有的资源包括: 申请GitHub账户 安装Node.js 安装Git 环境检测 输入以下命令有返回版本号,说明Node.js环境配置正确: 1 node -v 2 npm -v 安装Hexo 首先在D盘符下建立hexo文件夹,配置完成后博客资源存放路径: D:\hexo\blog 依次输入以下命令: 1 cd D:/hexo 2 npm ins

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

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

windows下hexo+github搭建个人博客

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