zoukankan      html  css  js  c++  java
  • Hexo框架的微博搭建

    Hexo框架的微博搭建(macOS)

    1、下载

    下载node,(hoxe是由nodejs来生成,所以必须安装)
    网址 node下载地址
    安装:一路点击下来进行安装。安装完成有两个组件,一个是node.js,一个是npm包管理器(搭建hexo博客时必需)。

    2、打开终端,进入root用户

    sudo su
    

    (需输入密码)

    3、查看node版本,确认安装

    node -v
    

    查看npm版本,确认安装

    npm -v
    

    4、安装hexo

    由于国内镜像源下载较慢,可先利用npm安装cnpm(淘宝源)

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

    安装完成同样用命令查看版本,确认安装成功。

    cnpm -v
    

    利用cnpm安装hexo

    cnpm install -g hexo-cli
    

    同样验证安装成功

    hexo -v
    

    5、正式搭建博客

    首先查看路径,因为后续要建立文件夹,确保自己知道位置

    pwd
    

    建立文件夹,以blog文件夹为例

    mkdir blog
    

    进入blog检验路径,并使自己位于blog路径

    cd blog/
    

    使用hexo生成博客,同时会生成默认主题

    sudo hexo init
    

    安装成功,查看目录下生成了什么

    ls -l
    

    启动博客(在本地4000端口启动,可以自己复制网址查看,默认生成了一篇文章——Hello World),ctrl+c退出。

    hexo s
    

    该命令后续写博客使,可用作预览命令。

    5、终端简单写一篇文章

    创建文章(.md文件)并取标题

    hexo n "我的第一篇博客"
    

    终端查看创建的.md文件

    先看自己位于哪个文件

    pwd
    

    然后根据层级关系进入刚创建的.md文件(默认是放在blog/source/_posts中)

    cd source/_posts/
    

    查看

    ls -l
    

    即可看到自己刚才创建的博客标题

    用vim编辑文章(输入以下命令,回车,进入vim的命令模式,输入i进入编辑模式编辑,基于markdown来写)

    vim 我的第一篇博客.md
    

    修改完成后,保存退出(esc,再:(冒号),再输入wq)

    重新生成
    查看自己位于的文件夹

    pwd
    

    退回到blog

    cd ../..
    

    检查是否回到blog

    pwd
    

    生成.html

    hexo g
    

    重新启动查看编辑后的文章(本地网址与上文相同,需要刷新显示)

    hexo s
    

    6、把博客部署到GitHub

    新建仓库,注意,仓库名称必须是自己的昵称.github.io,之后在浏览器输入此地址就可以访问微博。

    7、回到命令行

    安装hexo-deployer=git插件(安装过程中的wanring不用管哦)

    cnpm install --save hexo-deployer-git
    

    还需设置点东西,命令行打开_config,yml,文件最底部,deploy下改为

    vim _config.yml
    
    type: git
    repo: https://github.com/zhixian666/zhixian666.github.io.git
    branch: master
    

    8、把博客部署到远端

    hexo d
    

    接下来输入自己github账号和密码,(回车后出现提示就一路点下来就ok了)
    此时博客生成的内容就会出现在github仓库中

    9、见证成果,可以把自己的博客分享给小伙伴啦

    分享github的仓库名。

    参考

    https://www.bilibili.com/video/BV1Yb411a7ty?from=search&seid=13841657827845654743

  • 相关阅读:
    推荐.Net、C# 逆向反编译四大工具利器
    逆向工具/反编译工具 集合
    秒杀系统-并发处理
    react动态渲染组件
    通过dom获取react节点
    mac上安装windows触摸板不能右键
    STM32F103智能配网mqtt协议EMQ安卓App远程控制LED采集温湿度ESP8266
    itop4412 基于物联网技术的商品支付系统 毕业设计
    STM32F103 单片机最小系统 核心板 C8T6 MINI 飞控 小车 主控制板
    31865 MAX31865 RTD铂电阻温度检测器 PT100至PT1000传感器模块
  • 原文地址:https://www.cnblogs.com/liuzhixian666/p/13829384.html
Copyright © 2011-2022 走看看