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


    https://tristawwp.github.io/posts/8f145c5e.html

    两个小时的时间我一般用来鉴赏影片,不过搭一个博客刚好也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 node 和brew 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

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

    休息一下,喝杯咖啡,继续创作
  • 相关阅读:
    Maven管理Android项目
    如何运行github上的源码
    微信公众平台消息接口开发(3)
    微信公众平台消息接口开发(2)
    关于移动互联网下机场APP的一些思考
    去掉joomla!版权信息
    微信公众平台消息接口开发(4)
    环境变量操作
    vi/vim基本使用方法
    关于WebForm,十分惭愧(下)
  • 原文地址:https://www.cnblogs.com/simadi/p/16116567.html
Copyright © 2020-2023  润新知