Git搭建个人博客
Git搭建个人博客
很多人都有写博客的习惯,所以我这篇博客就讲解一下如何在git上搭建一个个人的博客。
环境
搭建个人博客需要配置配置一下环境,这里我是使用win10来搭建的,因为像这种配置或者搭建东西,一般都是win系统比较麻烦,在mac和linux相对简单一点。
一、git
需要在系统里面安装git。
具体的安装步骤可以参考安装git
二、安装node.js
使用node.js来搭建相对比较方便,因为node.js中的npm安装模块和框架比较方便,
具体的安装步骤可以自己百度。
三、安装hexo框架
hexo框架可以说是比较流行的博客框架,安装直接
npm install hexo-cli -g
npm install hexo -g
第一步:创建仓库。
第一步首先要在git中创建仓库
这里注意:Repository name 一般都是 username.github.io
然后就是点击create repository就可以创建仓库了。
第二步:配置hexo
首先要初始化一个博客,你要先创建创建一个hexo的文件夹,一般都是在github文件夹的目录下面打开终端,初始化hexo
hexo init
在hexo框架里面是可以自己选择主题,具体有什么主题可以去hexo官网去查看hexo官网
安装主题
git clone https://github.com/iissnan/hexo-theme-next themes/next
然后再对hexo进行基础的配置,在刚才新建的hexo文件夹下面一个文件_config.yml
#博客名称
title: 我的博客
#副标题
subtitle: 一天进步一点
#简介
description: 记录生活点滴
#博客作者(请修改)
author: John Doe
#博客语言
language: zh-Fans
#时区
timezone:
#博客地址,与申请的GitHub一致(请修改)
url: http://elfwalk.github.io
root: /
#博客链接格式
permalink: :year/:month/:day/:title/
permalink_defaults:
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
enable: true
line_number: true
auto_detect: true
tab_replace:
default_category: uncategorized
category_map:
tag_map:
#日期格式
date_format: YYYY-MM-DD
time_format: HH:mm:ss
#分页,每页文章数量
per_page: 5
pagination_dir: page
#博客主题
theme: landscape
#发布设置
deploy:
type: git
#elfwalk改为你的github用户名(请修改)
repository: https://github.com/elfwalk/elfwalk.github.io.git
branch: master
在对git进行配置
在win10是一定需要这一步的,否则就会报错
git config --global user.name “你的用户名”
git config --global user.email “你注册git的邮箱”
测试hexo
在终端里面输入
hexo g
hexo s
然后打开网址 http://localhost:4000
然后就是可以看到了自己的个人博客了,但是这样还没完
部署到git
安装自动化部署工具
npm instal lhexo-deployer-git --save
然后在hexo文件夹下面的Git Bash中部署
hexo clean && hexo g && hexo d
然后在浏览器上输入https://wwwxiaoming.github.io/
wwwxiaoming是你git的名字。
这样就可以看到自己发布的博客了。