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(javascript,网页的行为)。

Node.js下载安装

2-Git

Git是目前最先进的版本控制系统,拥有最多的用户数量并管理着数量庞大的实际软件项目;风靡全球的Github更是让Git版本控制系统名声大震。

3-hexo

Hexo 是由台湾个人团队基于 Node JS 开发的一个快速、简洁且高效的博客框架。完全开源,源代码托管在 Github 上。安装后,通过其简单的命令就可以在本地快速的搭建起一个个人博客。官网上提供的文档全面且易阅读,非常容易上手。

Hexo:右键选择Git bash here.

安装Hexo:

npm install hexo-cli -g

  直接的复制粘贴是不行的,可以按如下操作:

右击左上角的图标→属性→快速编辑模式打钩

鼠标点击右键即可粘贴。

安装完毕

二、博客搭建

几个hexo常用的命令,#后面为注释。

$ hexo g #完整命令为hexo generate,用于生成静态文件
$ hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览
$ hexo d #完整命令为hexo deploy,用于将本地文件发布到github上
$ hexo n #完整命令为hexo new,用于新建一篇文章

  pacKage.json的更多信息参考这里

  A-搭建本地博客

初始化博客

cd d:/hexo
//npm install hexo-cli -g   此步骤为安装操作,假设已完成
hexo init blog
cd blog
npm install
hexo g # 或者hexo generate
hexo s # 或者hexo server,可以在http://localhost:4000/ 查看

  这个时候输入http://127.0.0.1:4000/理论上可以访问了,但我这里报错参考这篇文章做了修改:  

If you can run hexo s perfectly, but can’t vist the local page at http://localhost:4000/blog/. May you can try another port like 5000:

$ hexo server -p 5000
INFO  Start processing
INFO  Hexo is running at http://0.0.0.0:5000/blog/. Press Ctrl+C to stop.

  但这样的修改只是一次性有效,要想永久有效:You can add this configuration to the file _config.yml at root:

server:
  port: 5000 # or anohter number
  log: false
  ip: 0.0.0.0
  compress: false
  header: true

  如图:

Run, then ok:

$ hexo s
INFO  Start processing
INFO  Hexo is running at http://0.0.0.0:5000/blog/. Press Ctrl+C to stop.

  这样本地的博客就搭建完成了。

  B-博客编辑

可以借助markdown进行编辑,考虑到自己此次搭建的博客不复杂,直接用之前的马克飞象,一来可以上传,二来可以同步到自己的印象笔记。

新建笔记:

hexo new "测试"

  对“测试.md”利用markdown编辑器编辑,

hexo generate //生成html静态文件

  登陆即可访问:

到目前为止,博客的操作都限定在本地,下面梳理一下网页访问的操作。

感兴趣也可以给博客换风格

  C-网页访问

新建github的repo,具体可以参考这里

修改_config.yml中的develop,

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
      type: git
      repo: https://github.com/用户名/用户名.github.io.git
      branch: master

然后,通过 npm install hexo-deployer-git --save 安装部署插件,并进行部署 hexo deploy。

至此一个基本的博客搭建完毕,别人也可以通过网络访问。

三、文档管理

按照自己的设想,博客至少需要以下几个功能:

  1. 基本操作:修改个人信息、文件分类
  2. 图片插入
  3. 音频输入:记录自己的一些朗读
  4. 支持超链接:引用关于某本书、某个电影的相关文档
  5. 快速检索:文档会比较琐碎,需要支持如:标签、关键词、作者等检索,用Markdown同步到印象笔记,可以解决这个问题,希望最好直接可以在博客进行该操作

目前想到就这些,需要再作补充。

个人信息:具体操作,直接套用模板。并作简单修改。其实就是添加about页面

hexo new page "about"

  之后在\source\about\index.md目录下会生成一个index.md文件,打开输入个人信息即可

文件分类

图片插入

音频插入

超链接

检索:模板中已兼备,修改可参考

时间: 2024-11-06 23:03:00

Hexo+Github搭建博客的相关文章

hexo+github搭建博客常见问题

1.加ssh验证 2.git要设置在cmd里面可以用的,虽然最后还是在git bash里面打开git deploy 3.git deploy报错了,删掉目录下的.deploy文件 4.注意改那个易错的配置文件 5.hexo clean hexo g hexo d 6.顺带一句,shift加右键在当前目录下调cmd 7.鄙人要去别的博客了,再会 8.参考这个一下,虽然也有点小bug,但已经很全了, https://xuanwo.org/2015/03/26/hexo-intor/ 9.上不了goo

在Windows下使用Hexo+GithubPage搭建博客的过程

1.安装Node.js 下载地址:传送门 去 node.js 官网下载相应版本,进行安装即可. 可以通过node -v的命令来测试NodeJS是否安装成功 2.安装Git 下载地址:传送门 去 Git 官网下载相应版本,进行安装即可. 选择在第二个在系统的cmd也可以使用 可以通过git –version的命令来测试git是否安装成功 3.注册Github账号 去 Github 官网进行注册即可. 注册完之后记得添加 SSH Key. 这个 SSH Key是一个认证,让github识别绑定这台机

Hexo快速搭建博客

1. 准备工作 ~ 安装node.js -> npm -> hexo-cli ~ 安装git -> 版本控制工具 2. 更换npm(nodejs package manager)源 npm config set registry http://registry.npm.taobao.org/ 3. 安装hexo-cli npm install -g hexo-cli 4. 使用hexo搭建博客 hexo init blog -> 创建博客目录 cd blog -> 进入目录

使用coding和hexo快速搭建博客

欢迎访问我的个人博客皮皮猪:http://www.zhsh666.xyz 今天教大家怎么用hexo快速搭建自己的博客.我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白来说,就像听天书一样,云里雾里的.所以下面的内容都是我自己的理解,语言很通俗,有可能说的不那么专业,还望专业人士勿喷. 首先声明一点,刚开始搭建博客会比较麻烦,有很多东西大家可能以前没有听说过,不要怕,耐着性子一边看教程一边动手操作,你一定能够做出来的!好吧,废话不多说,现在开始! hexo hex

Hexo+NexT(零):最全Hexo+Next搭建博客教程

快速.简洁且高效的博客框架 有位大神说,喜欢写博客的人的人,折腾博客会经历三个阶段.找到一个免费空间,搭建一个博客,很欣喜,很有成就感,此为一阶段:受限免费空间各种限制,自己买空间和域名,实现对博客的完全控制,此为二阶段:管理网站太累,只想安安静静码文字,管理网站这种琐事,交给专业的人士去打理吧,此为博客人生的最高阶段. 对于我这种完美控的人,既入了坑,自然是要直达最高阶段了.所以,现在我主机在手,域名也有,网站基本框架建好,一下子实现了少操心,多码字的幸福生活.不过,总觉得过程如白驹过隙,太短

Mac 上搭建基于 Hexo + GitHub 个人博客

环境配置 本人电脑系统:macOS Node.js 生成静态页面.安装Node.js Git 用于将本地 Hexo 内容提交到 Github.Xcode自带Git(前提:macOS已经安装了Xcode),若没有,可以参考 Hexo官网上的安装方法. 安装 Hexo 当 Node.js 和 Git 都安装好后,就可以正式安装 Hexo 了,终端执行如下命令: $ sudo npm install -g hexo 输入管理员密码(Mac 登陆密码)即可开始安装. 注: sudo:linux系统管理指

github搭建博客

下载 下载git的官网地址 我下载的最新版是:Git-1.9.5-preview20150319.exe 不区分windows的版本,我的电脑是xp,也可以安装,全部用默认值即可. 打开 在 开始-所有程序 里打开Git Bash. 注意,用cmd运行git命令会报错: 'git' 不是内部或外部命令,也不是可运行的程序或批处理文件. 解决办法:Windows下配置Git 命令 git init 运行后所在目录会多了一个隐藏文件夹.git. git checkout --orphan gh-pa

利用gitHub搭建博客

##1.gitHub Page的的使用我觉得这边博文写的很清楚,方法.步骤.优缺点以及实例,所以就借用一下啦^_^ [搭建一个免费的,无限流量的Blog](http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html)如果要想更简单快捷的生成有逼格的博客,可以参考第2点. ##2.利用jekyll写博客 进入[The Quickest Way to Blog on GitHub Pages](http://jekyllboots

hexo快速搭建博客平台

hexo 相关文档 Hexo 是一个快速.简洁且高效的博客框架,其使用 Markdown(或其他渲染引擎)解析文章,短短几秒内,即可利用靓丽的主题生成静态网页. 安装hexo $ npm install -g hexo 构建项目 在相应的目录文件下初始化hexo init 文件自动生成相关默认文件 执行相关命令: $ hexo generate #生成静态页面至public目录下 (简写: hexo g) $ hexo server #开启预览访问端口(默认端口是4000,"ctrl + c&q