欢迎光临散文网 会员登陆 & 注册

Hexo+Github博客搭建教程

2021-04-23 14:21 作者:罗斯福说刑法  | 我要投稿


点击上方蓝字,带你去看小星星!

小罗giaogiao屋

简单易懂的才是最好的

图片


前言:

之前在QQ群发布了一张博客的插图:

图片

    同学说:“老罗你的个人博客真好看,怎么做的呀?我是刚入门的小白,你可以教教我吗?”

    我看着他渴望的眼神...
  “当然可以啊,一小时,就一小时给搭好。如果超过一小时咯,我‘当鸡立断’! 嘿嘿,那抓紧时间哈,我这就详细地给铁汁你说说。本文给刚入门的小白介绍一下hexo博客前期搭建的准备,快快动手搭起来~。”


ONE

1

博客建立基础


需求:Windows系统电脑(Mac、Linux系统的也可以,不过过程可能不太相同,可以查看以下相关软件的官方文档)、Github账号(使用仓库功能)、nodejs


Hexo静态博客网站


本地更新以及同步到Github

图片



TWO

2

安装必要功能


安装git

参考文章:Git实用教程(二) | Git简介及安装详解。(公众号回复:Git,获取教程)



安装node.js

Nodejs可以从官网( https://nodejs.org/en )下载LTS版本:


图片




安装后,按下Windows+R,输入CMD,根据以下步骤,检查一下是否正常输出版本信息:


图片


Three

3

搭建博客


创建仓库

前提是你得有一个自己的github账号,这年头,谁没有个github账号。

注意:创建一个名为username .github.io的存储库,其中username是您在GitHub上的用户名。如果您已经上传到其他存储库,请重命名该存储库。

例如我的github名字是Alexd star,那么我的仓库名就是Alexd star.github.io,因为我写这篇文章的时候,我已经创建过了,所以他会报错已存在。


图片




配置ssh

如果你要使用远程从你的电脑上传文件至你的github仓库,那么,你就需要配置ssh

1、配置全局变量

git config --global user.name "你自己的名字"

git config --global user.email "你自己的邮箱"

2、生成ssh密钥

ssh-keygen -t rsa -C "你自己的邮箱"

我小时候有很多节日,五月一日是劳动节,六月一日是儿童节,七月一日是共产党的生日,八月一日是共产党军队的生日,十月一日是共产党中国的生日,还有元旦和春节,因为我父亲是北方人,这些日子我就能吃到包子或者饺子。

将你用户目录下.ssh/id_rsa.pub里的全部东西粘贴到key里面,名字随便取。

id_rsa.pub一般windows会在C:\Users\用户名\.ssh目录下

图片

验证:输入ssh -T git@github.com,如果出现以下信息即为配置成功,到这里你已经成功了一大半了。

图片




博客初始化


在一个空的文件夹内打开cmd,使用hexo init 进行初始化,他会下载一大堆东西。


图片


目录结构:


.


├── _config.yml


├── package.json


├── scaffolds


├── source


|   ├── _drafts

|   └── _posts


└── themes

说明:

node_modules:是依赖包

public:存放的是生成的页面

scaffolds:命令生成文章等的模板

source:用命令创建的各种文章

themes:博客使用的主题

config.yml:整个博客的配置

db.json:source解析所得到的

package.json:项目所需模块项目的配置信息




博客生成


只需要“一键三连”你就能看到你的博客

hexo clean && hexo g && hexo d;

(清除,生成,启动服务)

图片

 当当当当!如果你看到了这个页面,那么你就大功告成了。到这里,你看一下你的watch,有没有一个小时,如果超过了的话,当我前面没说(手动狗头)。

图片




上传至github


  当然,如果只能自己看到,这远远是不够的,我们发博客就是为了让我们的文章能够帮助到更多人,这时候你就需要上传到github进行托管,这样别人就可以访问到你的博客,看到你的文章了。

  你需要在你的根目录下的_config.yml配置

# Deployment

##Docs:https://hexo.io/docs/deployment.html

deploy:

type: git

repo:https://github.com/zero028/zero028.github.io.git(你自己的git)

branch: master

   然后使用hexo d 或者hexo deploy上传,它实现的原理就是将您的Hexo文件夹的文件推送到存储库。public/默认情况下,该文件夹不是(也不应该)上传的,请确保该.gitignore文件包含public/行。文件夹结构应与此存储库大致相似,但不包含.gitmodules文件


1、在此之前请先安装一个插件

npm install hexo-deployer-git --save

2、部署(上传到GitHub)

hexo d 或者 hexo deploy

-END-

 最终,你就可以使用你的域名地址https://username.github.io访问博客了,例如我的是https://lc123.ltd


图片
图片

小刘
“咦?我的怎么和你的不一样?”
那是我配置了域名和使用了其他的主题,嘿嘿,如果你想知道我是怎么设置的,请持续关注,谢谢!

图片

小罗

         


图片


点击阅读原文,访问我的博客



Hexo+Github博客搭建教程的评论 (共 条)

分享到微博请遵守国家法律