zoukankan      html  css  js  c++  java
  • Hexo 搭建个人博客

    1.安装git 

    $ sudo yum install git-core
    $ git --version
    git version 1.8.3.1

    2.安装node.js  

    方法一:源码包安装

    官网下载 centos下载最新版10.9 https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz

    mkdir /opt/software/ && cd  /opt/software/

    tar -xvf node-v10.9.0-linux-x64.tar.xz

    mv node-v10.9.0-linux-x64 nodejs

    建立软连接,变为全局

       ①ln -s /opt/software/nodejs/bin/npm /usr/local/bin/ 

       ②ln -s /opt/software/nodejs/bin/node /usr/local/bin/

    查看安装的版本

    [root@localhost]# node -v
    v10.9.0
    [root@localhost]# npm -v 
    6.2.0

    方法二:nvm方式安装

    curl:

    $ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

    wget:

    $ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

    安装完成后,执行下列命令即可安装 Node.js。

    $ nvm install stable

    查看安装的版本

    [root@localhost]# node -v
    v10.9.0
    [root@localhost]# npm -v 
    6.2.0

    方法三:yum方式 参考

    curl -sL https://rpm.nodesource.com/setup_10.x | bash -

    yum install -y nodejs

    [root@localhost /]# node -v
    v10.9.0
    [root@localhost /]# npm -v
    6.2.0


    3.hexo安装

    npm install -g hexo-cli
    
    hexo version hexo
    -cli: 3.1.0 os: Linux 3.10.0-1127.el7.x86_64 linux x64 http_parser: 2.9.3 node: 10.20.1 v8: 6.8.275.32-node.56 uv: 1.34.2 zlib: 1.2.11 brotli: 1.0.7 ares: 1.15.0 modules: 64 nghttp2: 1.39.2 napi: 6 openssl: 1.1.1e icu: 64.2 unicode: 12.1 cldr: 35.1 tz: 2019c

    新建博客 (注:进入你自己的网站目录)

    //1.新建文件夹
      hexo init blog
    
    //2.安装$ 
      cd blog
      npm install
    
    //3.生成静态页面
      hexo g
    
    //4. 启动hexo博客
       hexo s

    这时候访问 ip:4000 你就能预览到hexo默认主题的页面了(看起来应该有点丑 ...)


    没事,下一步教你更换主题

    4.更换hexo主题

    1.下载主题

    $ cd /home/blog/theme
    $ git clone https://github.com/Mrminfive/hexo-theme-skapp

    2.配置hexo主题(_config.yml)

    cd /home/blog
    vim _config.yml

    主要是配置theme选项,其他配置可以自行参考hexo官网

    theme: hexo-theme-skapp

    注意 本次安装的hexo-theme-skapp 坑比较多 

    请参考 

    https://github.com/Mrminfive/hexo-theme-skapp

    https://www.cnblogs.com/demonxian3/p/10993360.html

    也可以选择其他主题 

    更换主题后重新生成静态文件然后启动,依旧是访问ip:4000查看页面主题,可以看到页面变化代表成功了

     hexo g
     hexo s

    5.添加hexo-admin 后台管理

    当你每次写文章就要重新生成一次静态页面,并且重新启动hexo,这样当然是很繁琐的。
    hexo-admin 可以解决这个问题,你可以在hexo-admin新增和编辑你的文章,完全不需要其他的繁琐步骤。

      npm i hexo-admin --save
      hexo server -d

    打开 http://ip:4000/admin/ 进入后台管理页面

    最后

    当然搭建完博客后,你需要按ip:port这种方式访问,这种low b 的访问方式当然得优化一下。
    你可以用nginx 把80端口映射到4000端口,这样你就能用域名访问啦。

  • 相关阅读:
    WP8_给图片、按钮设置自定义图片
    WP8_读写XML
    JAVA编程思想读书笔记(五)--多线程
    《大话设计模式》--模板模式
    《大话设计模式》--原型模式
    《大话设计模式》--工厂方法模式
    《大话设计模式》--代理模式
    JAVA编程思想读书笔记(四)--对象的克隆
    《大话设计模式》--装饰者模式
    JAVA编程思想读书笔记(三)--RTTI
  • 原文地址:https://www.cnblogs.com/zhangxiaoxia/p/12887324.html
Copyright © 2011-2022 走看看