zoukankan      html  css  js  c++  java
  • 个人博客的搭建(hexo)——整理

    文章来源于bilibili的up主:CodeSheep

    地址:https://b23.tv/BV1Yb411a7ty

    第一步 安装node.js及环境配置

    转载:转自:https://www.jianshu.com/p/13f45e24b1de

    第二步 安装hexo博客框架

    借助npm包管理器来安装,因为国内镜像源很慢,所以需要换源至淘宝的源。

     可以选择使用cnpm来安装hexo框架(Linux/Os),我这里是Windows,直接使用npm来安装:

    这里用npm直接安装hexo后,出现了2个WARN:

    原因:
    fsevents不在package.json里,但是仍然安装了,是因为你的系统是Windows系统,fsevents是苹果系统的可选依赖,你的项目有可能是团队项目,别人在他的mac上安装了fsevents相关依赖库,所以到这边你也就安装到你的windows上边了。你可以检查你的package.json 文件中是不是有fsevents相关依赖,删除即好!
    如果没有,其他的npm包也会有依赖fsevents的!!!
    这是warning错误,是因为mac下需要 fsevents,这里是在windows环境,所以可以忽略这个警告,对你没什么影响的。

     可以输入hexo -v 查看hexo的版本信息

     三、创建博客

    Windows我这后续用到的是git bash

    首先切换目录,并创建一个blog文件夹:

    之后用hexo来生成我们的博客,初始化

    看一下我们的目录下都生成了哪些东西(一些基础的框架内容):

     

    接下来启动我们的博客(hexo s就是hexo start或者hexo server意思):

     在本地的4000端口来启动:这里只是本地的静态端口

    到这已经有了一个博客,并自动给你创建了一篇文章,“hello world”,并有一些hexo的一些简介,

     四、新建文章

    接下来我们新建一篇文章:

    先把博客断开,hexo s就是启动命令,平时我们就是拿来做预览用的,可以理解为start也可以是server

    使用hexo n命令来new一篇文章,

     接下来对第一篇博客文章修改,添加一些内容:

    命令:vim 我的第一篇博客文章.md

    Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器,在Vi的基础上改进和增加了很多特性。

    以下是基于markdown这种格式的语法来写的:

     保存退出是先 Esc 退出编辑 在输入 :wq 回车便可

    两个..是返回上一层 目录,一个. 是当前目录

    接下来先清理下,再生成下:

     然后我们在重新启动下博客,

     本地4000端口一般用来测试用,

     五、部署到远端

    我们的博客不可能是一直在本地用,需要部署到远端去,这里推荐一个免费的部署方式,就是部署到GitHub上面去哈哈。以后就通过GitHub那个地址来访问我们的博客。

    怎么部署博客到GitHub上呢:

    首先到GitHub上去,新建一个仓库,仓库的名字很重要!!

    昵称.github.io

    必须是这个

     这样就有了一个空仓库拉,

    接着去gitbash上操作

    需要在blog目录下装一个git的部署插件:

    gitbash用的命令:npm install --save hexo-deployer-git

    Windows的命令:npm install hexo-deployer-git--save

    设置一个很关键的东西,就是这个_config.yml,

    我们用vim命令打开它,到文件的最底部的#Deployment,type这个有引号的要在引号里面写git,注意每个冒号后面都有空格!!!!

    将GitHub上的地址存进了,repo:空格+地址

    Linux下复制粘贴快捷键

     1. 在终端下:

              复制命令:Ctrl + Shift + C  组合键.

              粘贴命令:Ctrl + Shift + V  组合键.

     2. 在控制台下:

              复制命令:Ctrl + Insert  组合键  或  用鼠标选中即是复制。

              粘贴命令:Shift + Insert  组合键  或  单击鼠标滚轮即为粘贴。

    退出先按Esc 然后输入:wq即可

    加下来就可以部署到远端了,命令是hexo d,d就是deploy的意思,完成后会提示你输入GitHub的账号密码

    注意这里要加2步,就是在gitbash上需要配置身份

    最好是重新打开gitbash配置身份!然后在去blog目录,在提交仓库推送。

     

    最后就是告诉你推成功了,相应的GitHub上的仓库也多了很多东西,仓库名便可以拿来访问了。Agiroy4712.github.io

    到此基本的博客搭建就成功部署上了!

     六、博客主题的更换(自定义)

    这里推荐的主题地址是:github.com/litten/hexo-theme-yilia

    还是在本地操作啊,注意目录,在blog目录下操作的

    第一步 下载主题

    $ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
    克隆到themes目录下

     克隆完成后,我们看下它在哪里:

     在最后面这个themes目录下

    第二步 配到自己的博客里

    下载好后就是配到自己的博客里了,回到上一层目录后,我们还是要修改_config.yml这个文件,这个文件很重要!

    用vim命令进入后,我们需要找到theme,去修改主题

     把landscape修改为yilia,然后Esc退出编辑,然后:wq,这样就可以了,就把主题应用上了!

    然后咱们清理下

     重新生成下博客,命令为:hexo g

     然后重新server一下,命令为:hexo s

    可以看到主题已经改变了,然后Ctrl + C 退出后,将它推到远端,命令为:hexo d

    到此,整个过程就完成了!

    作者:Agiroy_70

    本博客所有文章仅用于学习、研究和交流目的,欢迎非商业性质转载。

    博主的文章主要是记录一些学习笔记、作业等。文章来源也已表明,由于博主的水平不高,不足和错误之处在所难免,希望大家能够批评指出。

    博主是利用读书、参考、引用、抄袭、复制和粘贴等多种方式打造成自己的文章,请原谅博主成为一个无耻的文档搬运工!

  • 相关阅读:
    CTO成长之路分享会
    MySQL 数据库 varchar 到底可以存多少个汉字,多少个英文呢?我们来搞搞清楚
    《共享经济》创业沙龙
    旅游代购
    沙漏哟的书单
    qt5---滑动条QSlider
    qt5---步长调节器SpinBox和QDoubleSpinBox
    qt5--自定义控件封装
    qt5--表格控件QTableWidget
    qt5--树形控件QTreeWidget
  • 原文地址:https://www.cnblogs.com/hale547/p/13304585.html
Copyright © 2011-2022 走看看