基于Github和Hexo的博客搭建教程在百度上一大堆,洺哥在踩过一些坑后才终于把自家的寄托在github上的博客给搭建起来,洺哥的这篇博文将作为博客网站的第一篇教程贴!!
参考教程:
1. http://www.jianshu.com/p/701b1095da11
2. http://www.jianshu.com/p/67c57c70f275
3. https://www.zhihu.com/question/24422335
电脑端需要装的软件有
1.msysgit
点击下载msysgit 后默认下一步安装即可
安装成功后在桌面点击右键会出现下图中的两个git选项即可
2. Node.js
在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装
LTS版适用于大多数使用者3. hexo
通过前面安装的git来安装Hexo
鼠标在桌面点击右键后选择Git Bash Here选项
在出现的命令框中输入
npm install -g hexo
安装成功后自行创建一个文件夹作为接下来博客的存放地址
在文件夹的空白处右键后选择Git Bash Here选项
在框中输入命令初始化Hexo
hexo init
接下来安装相关的依赖包
hexo install
一个博客框架就搭好了
接下来再次输入一下命令,打开一个浏览器输入地址查看自己的博客框架
hexo generate
hexo server
浏览器输入以下地址:
localhost:4000
执行hexo server提示找不到该指令??
执行以下命令后再执行hexo server
npm install hexo -server --save
现在搭建好的博客框架只能在自己电脑上被看到,还不能通过Internet访问到,为了能把自己的博客放上Internet,我们接下来需要把我们的博客项目托管在github上。
Github知乎关于github的介绍
github创建博客
点击链接https://github.com/注册账号
点击下图中的New repository创建新的项目仓库
在下图中按照格式要求填入仓库名称(yourname.github.io)
每个账号只能托管一个博客
其他信息自己选填,随后点击绿色的Create repository确认创建
生成SSH密钥(个人感觉没啥用,最后我还是需要输入密码)
按照上文Hexo部分打开的Git Bash 中输入
ssh-keygen -t rsa -C "你的邮箱地址"
按3个回车,密码为空。
在计算机的C:\Users\Administrator.ssh中得到两个文件id_rsa和id_rsa.pub。
用Excel打开id_rsa.pub,复制全文。打开网址https://github.com/settings/ssh ,Add SSH key,粘贴进去。
全局配置 _config.yml
(这里需要你自己按照博客需求去配置)
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/
# Site #站点信息
title: #标题
subtitle: #副标题
description: #站点描述,给搜索引擎看的
author: #作者
email: #电子邮箱
language: zh-CN #语言
# URL #链接格式
url: #网址
root: / #根目录
permalink: :year/:month/:day/:title/ #文章的链接格式
tag_dir: tags #标签目录
archive_dir: archives #存档目录
category_dir: categories #分类目录
code_dir: downloads/code
permalink_defaults:
# Directory #目录
source_dir: source #源文件目录
public_dir: public #生成的网页文件目录
# Writing #写作
new_post_name: :title.md #新文章标题
default_layout: post #默认的模板,包括 post、page、photo、draft(文章、页面、照片、草稿)
titlecase: false #标题转换成大写
external_link: true #在新选项卡中打开连接
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
highlight: #语法高亮
enable: true #是否启用
line_number: true #显示行号
tab_replace:
# Category & Tag #分类和标签
default_category: uncategorized #默认分类
category_map:
tag_map:
# Archives
2: 开启分页
1: 禁用分页
0: 全部禁用
archive: 2
category: 2
tag: 2
# Server #本地服务器
port: 4000 #端口号
server_ip: localhost #IP 地址
logger: false
logger_format: dev
# Date / Time format #日期时间格式
date_format: YYYY-MM-DD #参考 http://momentjs.com/docs/#/displaying/format/
time_format: H:mm:ss
# Pagination #分页
per_page: 10 #每页文章数,设置成 0 禁用分页
pagination_dir: page
# Disqus #Disqus评论,替换为多说
disqus_shortname:
# Extensions #拓展插件
theme: landscape-plus #主题
exclude_generator:
plugins: #插件,例如生成 RSS 和站点地图的
- hexo-generator-feed
- hexo-generator-sitemap
# Deployment #部署,将 lmintlcx 改成用户名
deploy:
type: git
repo: 刚刚github创库地址.git
branch: master
作者:吴小龙同學
链接: http://www.jianshu.com/p/701b1095da11
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
## 上面文件中最后需要如下所示修改
deploy:
type: git
repository: https://github.com/leopardpan/leopardpan.github.io.git
## leopardpan= github账户名
branch: master
编辑好后怎么发布?
在Git bash 中依次运行如下命令:
hexo clean ## 清除缓存
hexo generate ## 生成静态网页
hexo deploy ## 同步云端github仓库
其他命令:
hexo server ## 本地编译调试
网友评论