欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Git搭建个人博客

程序员文章站 2023-12-24 11:59:57
...

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中创建仓库
Git搭建个人博客

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搭建个人博客

然后就是可以看到了自己的个人博客了,但是这样还没完

部署到git

安装自动化部署工具
npm instal lhexo-deployer-git --save

然后在hexo文件夹下面的Git Bash中部署
hexo clean && hexo g && hexo d

然后在浏览器上输入https://wwwxiaoming.github.io/

wwwxiaoming是你git的名字。

这样就可以看到自己发布的博客了。

Git搭建个人博客

如果对上面有什么问题的或者是想要一起讨论技术问题的可以添加我的QQ1693490575

上一篇:

下一篇: