两小时一起快速搭建个人博客

两个小时的时间我一般用来鉴赏影片,不过搭一个博客刚好也OK。
搭建一个自己的博客需三部曲:下载安装包,部署环境,美化博客页面

下载安装包

本文用的博客是使用Hexo + Github,需要安装以下内容:

  1. 安装Node.js,安装地址:Node.js下载链接

  2. 安装Git,安装地址:Git下载地址
    对于以上两个安装Mac建议从Homebrew安装node和git,那需要先安装Homebrew。
    a. 首先打开官网 https://brew.sh/ ,你会在官网主页看到如下所示的内容:
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)
    b. 打开终端,输入上述命令, 即:
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)
    c. 点击回车
    d. 输入电脑密码,等待安装
    e. 显示Installation successful!表示安装成功
    f. 开始使用命令行安装node和git,brew install nodebrew install git

  3. 安装Hexo,使用npm安装,建议用root权限,不然会有权限问题。
    a. 输入命令sudo npm install -g hexo-cli开始安装
    b. 初始化blog文件夹hexo init blog,这里会从npm源安装,很容易卡住,建议使用淘宝的npm镜像,安装速度很快,依次输入以下命令npm config set registry https://registry.npm.taobao.orgnpm info express,第二个命令是看看npm是否装好,此时再初始化blog文件夹(ATTENTION:如果你刚刚init过程失败,你要把生成的blog删除,再执行hexo init blog
    c. cd blog
    d. npm install
    e. hexo g这个命令是生成网页的静态文件,会生成一个public的文件
    f. hexo s这个是启动本地服务,这样你就可以在 http://localhost:4000 中预览你的博客

    至此已经完成了搭建博客的三分之一了。

部署环境

  1. git的创建,首先你需要一个github的账号,默认已有,然后在你的git主页创建一个新的仓库,点击New repository。填入创建仓库的名称,必须是Yournsername.github.io这很关键,也就是你后面博客的网址。最后直接点击最下面的创建按钮,其他什么都不要动。
  2. hexo关联到Github,打开blog文件夹,里面有一个名为_config.yml的文件,用文本编辑器打开并编辑他,在文档最后deploy,输入以下信息
    deploy:
    type: git
    repo: https://github.com/TristaWWP/TristaWWP.github.io.git
    branch: master
  3. 安装扩展npm install hexo-deployer-git --save
  4. 完成部署hexo d,期间会输入你的用户名和密码。

美化博客页面

俗语说:人靠衣装,确实,我就很喜欢好看的衣服,同样博客也要靠主题的装扮,虽然博客中自带了主题,但是越好看的主题越能展现一个人的个性。你可以进入Hexo官网选择自己喜欢的主题,我一开始选的next主题,后来感觉这个貌似超多人用,于是在官网选购一番,耗时半小时之久都没选到喜欢的,还是用回了next,在这里我太佩服前端和UI的小伙伴了。

  1. 进入主题文件夹 cd blog
  2. 下载主题 git clone https://github.com/theme-next/hexo-theme-next themes/next
  3. 修改主题的配置文件_config.yml中的theme属性,设置为next
  4. 然后进行一系列的美化页面效果,请参看这位老哥的文章,十分全面,Next主题的个性化教程
  5. 然后就可以创建一篇新的博客hexo new "博客标题",会产生一个md文件,用文本编辑器打开,并且在里面任意发挥开始你的第一篇博客吧。
  6. 简单两行完成发布文章,以后每次这样进行就可以更新博客了hexo g hexo d

对于网速实在很差的实验室来说,应该刚好两个小时搞定,不过写这篇博文又用了两个小时。。。

休息一下,喝杯咖啡,继续创作