个人博客创建指南

  这篇文章记录我第一次创建个人博客的过程,使用了Github个人账户域名,开源免费的Hexo博客框架以及Next主题。

安装Git和Node.js

Git 是一种分布式版本控制系统,即,代码的本地克隆就是一个完整的版本控制存储库。 通过这些功能齐全的本地存储库,无论脱机还是远程都能轻松工作。 开发人员会在本地提交其工作,然后再将存储库的副本与服务器上的副本进行同步。(Github就是搭配Git使用的用于存储代码的克隆库)

Node.js可以让JavaScript脱离浏览器运行,它是一个开源、跨平台的JavaScript运行时环境,可以用来开发高性能的 Web 服务器和网络应用。

搭建个人博客为何需要安装Git和Node.js?我们基于Hexo搭建博客,Hexo必须依赖Node.js提供的环境运行。而Git并非是搭建个人博客的必备,但我们仍然推荐下载Git,使用Git的相关命令来从Hexo下载Next主题。

  1. 从官网上安装Git并配置相关环境变量(PS:安装完Git后你可以使用Git Bash作为命令行窗口调用命令,Git Bash上可以使用Linux格式的命令,但由于Git Bash上安装下载无法看到进度条的问题,我个人更推荐用cmd来进行操作,本文后续无特殊声明命令行全采用cmd)

  2. 绑定Git和Github账号,在cmd里输入以下命令:

     git config --global user.name “Your Name”
     git config --global user.email email@example.com
     :: 其中Your Name和email@example.com替换成上面注册时的账户名和邮箱
    
  3. 从官网上安装Node.js并配置相关环境变量

  4. 执行完上述步骤可以用以下命令测试是否安装成功:

     git version
     node -v
     npm -v
    

    img

安装Hexo

hexo是一个基于Node.js的静态博客框架,它可以让您使用Markdown(或其他渲染引擎)编写文章,并在几秒内生成静态网页。

npm是Node.js 的默认程序包管理器,它可以让您从 npm 服务器下载、安装、上传和管理 Node.js 的模块或包。模块或包是一些可以重用的代码,可以实现一些特定的功能或提供一些特定的服务

使用npm安装Hexo,命令如下:

npm install -g hexo-cli

创建博客网站

所有的准备工作都做好了后,现在需要生成一个文件夹作为个人博客网站的根目录,在你希望放置个人博客文件夹的地方使用如下命令:

hexo init myBlog
:: 其中myBlog就是你的个人博客网站根目录,可以取自己喜欢的名字
cd myBlog
npm install

如果上面工作都没有出错的化,现在你的个人博客已经搭建成功了,你可以在个人博客根目录下输入以下命令在本地预览效果:

hexo s

img

并且我们可以在根目录下的_config.yml里对个人博客的初始设置进行配置,例如:姓名、标题等个性化设置

选择你喜欢的主题

大家可以去Hexo官网去寻找喜欢的主题下载下来,每个主题都可以点击预览,并且可以点击查看使用说明文档

我使用的Next主题是较为受欢迎的一款,风格简约大气

下载主题有两种方法,这边只介绍使用一种,在个人博客文件根目录下使用命令:

git clone https://github.com/next-theme/hexo-theme-next themes/next

如果下载成功则根目录下会出现该文件夹 /themes/next

我们就可以在NexT文件夹里的_config.yml里对该主题的一些设定进行配置,但这种方法存在弊端,官方推荐的配置方法以及具体的操作可以查看NexT官方说明文档

将个人博客部署到Github上

Github能且仅能使用一个同名仓库的代码托管一个静态站点.

  1. 在Github上创建一个名为:用户名.github.io的仓库

  2. 使用以下命令配置SSH钥匙:

     git config --global user.name "用户名"
     git config --global user.email "邮箱地址"
     ::之前已经配置过可直接输入第三条命令 
     ssh-keygen -t rsa -C '上面的邮箱'
    

    可在C:\Users\用户名\.ssh\id_rsa.pub文件里查看SSH公钥

  3. 首次使用还须使用以下命令确认并添加主机到本机SSH可信列表:

     ssh -T git@github.com
     ::若返回 Hi xxx! You've successfully authenticated, but GitHub does not provide shell access. 内容,则证实添加成功
    
  4. 登陆Github添加刚刚生成的SSH key,在下图中Key部分处放入SSH公钥内容
    img

  5. 在根目录底下_config.xml文件拉到最底部添加如下配置:

     deploy :
     type: git
     repo: https://github.com/1478540/1478540.github.io.git
     # repo是你的仓库地址
     branch: master
    
  6. 安装一个部署插件:

     npm install hexo-deployer-git --save
    
  7. 生成相应的博客文件并部署:

    hexo g 
    ::g是generate,生成相应文件
    hexo d
    ::d则是部署,部署完以后就可以通过Github账户域名访问个人博客了
    

结语

文章发布可以通过命令hexo new '文章标题',也可以直接在/sourse/_posts文件夹下创建.md文件,文件的具体的编写可以使用makedown语法

本文学习于B站教程[教程]Hexo & Github搭建自己的专属博客