• 使用Hexo搭建个人博客


    安装要求

    • Node.js(至少应为Node.js 8.10,建议为10.0或更高版本)
    • Git

    安装Node.js

    http://nodejs.cn/download/

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。

    根据系统版本安装,安装后需要将nodenpm添加到环境变量。

    然后在终端输入node -vnpm -v如果都显示版本号就说明环境变量是否配置正确。


    安装Git

    • Windows:下载
    • Linux(Ubuntu,Debian): sudo apt-get install git-core
    • Linux(Fedora,Red Hat,CentOS): sudo yum install git-core

    更换npm的淘宝镜像源cnpm

    npm install -g cnpm --registry=https://registry.npm.taobao.org
    

    安装完成后终端输入cnpm -v查看下版本号确保安装完成。

    npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 600000 个 包(package) (即,代码模块)。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。


    使用cnpm安装hexo框架

    cnpm install -g hexo-cli
    

    同样地,安装完成后输入hexo -v查看下是否弹出版本号来校验安装是否成功。

    Hexo是一个快速,简单且功能强大的博客框架。您使用Markdown(或其他标记语言)编写帖子,然后Hexo会在几秒钟内生成带有精美主题的静态文件。


    使用hexo搭建博客

    建立一个空文件夹,进入这个空文件夹,待会儿搭建博客的东西全部在这个目录里,如果搭建过程中出现了某些问题,直接把这个目录干掉重来即可。

    进入到这个目录中,终端输入hexo init等待即可。

    如果在linux系统下安装,在hexo init之前确保git已经git config --global user.name "your name"和`git config --global user.email "your email"

    克隆完成之后,在终端输入hexo s启动服务器,然后在浏览器地址栏中输入http://localhost:4000然后查看搭建是否完成。

    1.png


    开启第一篇文章

    正常启动服务器成功后,说明博客框架大体已经搭建好了,这说明你的博客已经开始了,在正式使用之前,先来写一篇文章测试下。

    在终端输入hexo n "我的第一篇博客"然后进入到刚才新建的目录下的source/_posts/目录下编辑我的第一篇博客.md,在里面添加内容保存退出。

    2.png

    然后回到博客目录的根目录,首先执行hexo clean清理下,然后输入hexo g,执行完成后重新执行hexo s然后打开博客网址查看效果。

    3.png


    将本地博客部署到GitHub上

    我们搭建了博客不可能仅仅在localhost地址下使用吧,我们可以将博客部署到GitHub上,白嫖GitHub,但是域名会有限制或。

    去GitHub上New一个仓库,仓库名格式必须是你的用户名.github.io

    4.png

    6.png

    安装一个git插件

    在终端输入cnpm install --save hexo-dployer-git等待安装完成。

    修改_config.yml文件

    在刚才建的博客的根目录下有一个_config.yml文件,打开它移动到最下面,有一个# Deployment标题,修改下面的配置选项:

    # Deployment
    ## Docs: https://hexo.io/docs/deployment.html
    deploy:
      type: 'git'
      repo: '你在GitHub新建仓库的地址'
      branch: 'master'
    

    5.png

    保存退出后在终端hexo d将本地博客部署到远端,咱部署过程中会要求你输入GitHub的用户名和密码,注意:输入密码的过程中是看不到输入字符的,注意不要输错。

    7.png

    部署完成后,直接在浏览器中输入你的仓库的名字,也就是作为地址访问你的博客,到目前为止,你搭建的博客就不仅仅是在本地localhost查看了。

    8.png

    不一定每天 code well 但要每天 live well
  • 相关阅读:
    lntelliJ IDEA 皮肤设置
    Maven安装与配置
    lntelliJ IDEA 使用 Maven 与 每次新建项目都需要重新配置的解决方案
    Spring Boot 扫描机制说明
    Spring Boot Filter 使用指南
    Gradle构建CAS4.2.7爬坑指南
    Java的垃圾回收
    final与static
    angular directive自定义指令
    ui-router
  • 原文地址:https://www.cnblogs.com/geekfx/p/12613754.html
Copyright © 2020-2023  润新知