美文网首页我爱编程
博客快速创建使用

博客快速创建使用

作者: 命运齿轮1 | 来源:发表于2018-04-08 21:59 被阅读0次

    ---

    title: 技术分享篇

    ---

    Welcome to [刘沅](https://lyaaa.github.io/) blog!

    ## 博客创建

    ### 1.安装前提

    Hexo 是基于Node.js的一个博客框架,安装Hexo的前提需要安装Node.js。

    ### 2.安装 node.js

    - node.js是运行环境,这个运行环境是运行js代码的(运行环境-->浏览器)。

    - 在网络上搜索node.js中文网选择下载,找到自己电脑版本下载安装(傻瓜式安装-->一直按下一步)。

    - 按Window+R打开命令提示窗,按 node -v , npm -v按确认键来进行验证node.js是否安装成功。

    ### 3.安装Hexo工具

    - 在当前环境下按 npm install -g hexo-cli  //安装hexo工具(如果速度过慢  可以按ctrl+c终止,切换安装源 npm config set registry https://registry.npm.taobao.org  淘宝安装镜像文件可以加速下载)。

    ### 4.安装博客源代码

    ```

    //在你的磁盘中创建一个文件夹(路径内不含中文)

    $ hexo init blog  //找到这个的文件夹 按shift+鼠标右键选择 在此处打开Powershell窗口 输入此命令。

    $ cd blog    //切换到当前blog文件夹中

    $ nmp install  //安装依赖文件

    $ hexo server  //在本地开启服务器

    ```

    ### 5.创建github库

    - 输入网址打开[http://www.github.com](http://www.github.com),创建一个账户

    - 选择 New repository 创建一个新库命名方式为  用户的名称+.github.io

    ### 6.安装git插件并配置远程仓库

    ```

    $  npm install hexo-deployer-git --save    //开启服务器后安装插件

    // 在hexo的项目中,根目录中找到 [_config.yml]()文件进行配置

    $ deploy :

    $ type : git    //注意每个冒号后面要有空格

    $ respository: git@github.com:lyaaa/lyaaa.github.io.git  //github地址在Code下 Clone or download下

    $ branch: master  //主分支

    ```

    ### 7.将hexo代码放到远程服务器上

    ```

    $ hexo clean    //将之前的生成的public文件夹删掉

    $ hexo d g      //生成html代码并且提交到github上  d 表示提交、  g 表示生成 

    ```

    ### 8.查看博客

    - 本地查看  启动服务器hexo server 在浏览器打开http://localhost:4000 or http://127.0.0.1:4000/

    - 远程查看 打开github找到当前文件位置,选择Settings下拉找到 GitHub Pages 复制链接 https://lyaaa.github.io/ 打开查看

    ### 9.博客界面优化

    - 在github主页中搜索hexo 主题

    - 选择一个主题打开

    - 在服务器上下载安装包 如 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

    - 修改配置 找到hexo根目录下的 _config.yml 下的 theme:修改为 yilia  。

    ***

    ### 骚年去安装属于你自己的博客吧!!!

    相关文章

      网友评论

        本文标题:博客快速创建使用

        本文链接:https://www.haomeiwen.com/subject/btxvhftx.html