hexo+github pages搭建个人博客(一)

由于希望通过配置个人博客逐步学习,之前有搭建过好几个,都因为长时间荒废,学习和记录目的都没有达到,这里重头开始记录。一是警醒自己,二是作为记录以便查阅。

主要步骤:

1.github个人代码仓库配置
git配置设置user.name和user.email配置信息

git config --global user.name "github用户名"
git config --global user.email "github注册邮箱"

生成ssh秘钥文件

ssh-keygen -t rsa -C "github注册邮箱"

这里直接三个回车,默认不设置密码,找到C盘user目录下rescue下的.ssh文件夹中id_rsa.pub秘钥,复制内容,到github_setting_keys页面,新建new ssh key

title任意,内容复制到key中。点击add ssh key。在git bash中可以检测github公钥设置是否成功。输入

ssh [email protected]

显示如下信息则成功

$ ssh [email protected]
PTY allocation request failed on channel 0
Hi lonely-island! You've successfully authenticated, but GitHub does not provide shell access.
Connection to github.com closed.

这里之所以设置GitHub密钥原因是,通过非对称加密的公钥与私钥来完成加密,公钥放置在GitHub上,私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户,所以每次推送都需要输入账号密码验证推送用户是否是合法用户,为了省去每次输入密码的步骤,采用了ssh,当你推送的时候,git就会匹配你的私钥跟GitHub上面的公钥是否是配对的,若是匹配就认为你是合法用户,则允许推送。这样可以保证每次的推送都是正确合法的。

2.安装node

输入node -v检查node安装情况

3.安装hexo

在一个固定文件夹中执行以下命令

#使用npm命令安装hexo
npm install -g hexo-cli
#完成后,初始化博客
hexo init blog
#以上命令执行的目录都是刚才指定文件夹里, 为了预览,可以使用这三条命令
hexo new test_my_site #新建一篇博客文章
hexo g #生成网页
hexo s #在本地预览
#打开localhost:4000查看
#常用的hexo命令
npm install hexo -g #安装hexo
npm update hexo -g #升级hexo
hexo init #初始化博客

3.推送网站
_config.yml文件配置

  • blog根目录下有一个为站点配置文件
  • themes目录下有一个为主题配置文件
    在站点配置文件后修改为
deploy:
type: git
repo: 这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
branch: master参考如下:

这一步是为了给hexo d这个命令做配置,让hexo知道blog配置在哪里,这里是放在github的仓库中,最后安装git部署插件,命令:

npm install hexo-deployer-git --save

再输入三条命令

hexo clean
hexo g
hexo d

第三条就是部署网站deploy的命令,完成后打开浏览器,用户名.github.io即可访问

之后写文章只需要

hexo new "文章标题"

然后在~\blog\source_posts下找到新生成的md文件进行编辑即可,文档开头的属性可以自由设置
比如一个例子

---
title: hexo新建文章
copyright: true
permalink: 1
top: 0
date: 2020-01-30 18:52:01
tags:
- hexo
- 博客
categories: web
password:
---

部署之前可以本地预览一下

hexo clean && hexo g && hexo s

在localhost:4000可以查看,最后确定无误使用:

hexo d

可以部署到github pages上访问

一个小配置
想要在首页只显示文章缩略,可以在主题配置文件(themes目录下的_config.yml)修改,找到auto_excerpt

# Automatically Excerpt. Not recommend.
# Please use <!-- more --> in the post to control excerpt accurately.
auto_excerpt:
  enable: true #是否启用自动摘要,截取50字
  length: 50

选择enable,则会是下面这种效果,length指定只显示从头起多少字符。或者可以使用放到文章中你要截取的位置。

原文地址:https://www.cnblogs.com/lonelyisland/p/12243519.html

时间: 2024-10-05 21:40:30

hexo+github pages搭建个人博客(一)的相关文章

使用 Hexo,Material Theme 以及 Github Pages 搭建个人博客

title: 使用 Hexo,Material Theme 以及 Github Pages 搭建个人博客 date: 2019-04-29 00:05:50 tags: 其他 --- 准备条件 Node.js npm Git GitHub账号 开始搭建 hexo init Blog cd Blog npm install hexo-deployer-git --save npm install hexo-material cp node_modules/hexo-material themes/

Github Pages 搭建个人博客

1.Github简介 Github很好的将代码和社区联系在了一起,于是发生了很多有趣的事情,世界也因为他美好了一点点.Github作为现在最流行的代码仓库,已经得到很多大公司和项目的青睐,比如jQuery.Twitter等.为使项目更方便的被人理解,介绍页面少不了,甚至会需要完整的文档站,Github替你想到了这一点,他提供了Github Pages的服务,不仅可以方便的为项目建立介绍站点,也可以用来建立个人博客. Github Pages有以下几个优点: 轻量级的博客系统,没有麻烦的配置 使用

手把手教你用github pages搭建个人博客

拥有一个自己的博客, 是每个程序员的梦想. --- 鲁迅 已经记不起来, 这是我第几次折腾博客了. 前些次都是为了搭博客而搭博客, 以至于博客建完之后就再也不维护, 只有一篇"hello, world"放在那里丢人现眼, 真的是舍本逐末. 这一次不一样了! 我决定洗心革面, 认真更新内容. 为了把主要精力放到博客内容上, 我选择了用最简单的方式github pages来搭建本博客. 下面开始正文. 1. 首先需要有一个github账号, 点击注册. 2. 新建一个仓库 例如: meme

Ubuntu14.04+Jekyll+Github Pages搭建静态博客

官方教程http://jekyllrb.com/docs/installation/ 1. Jekyll简介 简单: 无需数据库.无需评论功能,不需要不断更新版本,只需要关心博客内容. 静态: 只用 Markdown (或 Textile).Liquid.HTML & CSS 就可以构建可部署的静态网站. 博客形态: 自定义地址.分类.页面.博客内容 以及 自定义的布局设计 都是系统中的一等公民. Jekyll详细介绍 2. Github Pages简介 Github Pages是Github提

用hexo + github 快速搭建个人博客,由于刚搭建好,有点小激动,就分享下,不好的地方还请指出,谢谢

1.先创建自己的项目目录,项目名字就是:你的username.github.io,因为我创建了所以他警告了我,说已经重复了,然后就点Create 附上官网的解说文档:https://pages.github.com/ 安装里面的,快速建立后把代码clone 下来. 3.按装hexo ,前提你要先安装 node ,然后再安装git for windows 4.打开git shell 然后安装hexo npm install hexo-cli -g(全局安装) npm install hexo --

Hexo+Butterfly+Github+Coding搭建个人博客

Hexo+Butterfly+Github+Coding搭建个人博客 背景 之前用docsify搭建了一个简单的博客,但是docsify主题较少(也可能本人没有找到正确的设置方法⊙﹏⊙|∣),没有自己很喜欢的主题.于是,在近期,利用空闲的时间,用Hexo重新搭建了一个博客.关于Hexo的具体介绍,可以在其官方网站查看具体的说明. 搭建Hexo 搭建Hexo比较简单,按照官方文档的步骤操作即可.这里,简单记录如下: 安装前提 安装Hexo需要先安装: Node.js(Node.js版本不低于8.1

使用github + Octopress 搭建免费博客 + 碰到问题的解决方法

使用github + Octopress 搭建免费博客,先说碰到的问题,具体创建方法见下面. 问题1, 添加ruby淘宝链接问题,显示无法获取, 解决: source “http://ruby.taobao.org” 需要修改成: source “https://ruby.taobao.org” 问题2,rake setup_github_pages 操作之后没有反应, 解决: 此时需要直接写git://github.com/yourname/yourname.github.io.git 具体配

Hexo+GitHub Pages搭建的个人博客

1. 什么是 Hexo,什么是 NexT 主题? Hexo 是一个基于 Node.js 的静态站点生成框架,快速.简洁且高效.Hexo 主要使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页.NexT 是其一个非常简洁优雅的主题. 2. 什么是 Markdown? Markdown 用过一些简单的标记,让你的文字实现精致的排版,实现易读易写,无需考虑美化,专注文字本身. 3. 什么是 GitHub ? GitHub 是基于 Git 技术的社交编程及代码托管网站.你可以用它

基于Hexo+Node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip - Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa