manualstudy

安装nodejs

  • 下载
    [nodejs官网]: https://nodejs.org/en/download/

    根据电脑系统、架构下载对应版本
  • 安装
    解压后安装，除安装地址外、其他选项默认即可
    检查是否安装成功：
    【win+r】输入【cmd】回车（打开命令行）
    # 如无信息可到cd到对应安装目录执行
    node -v
    如下输出版本号即安装成功
  • 配置环境
  1. 到nodejs安装目录下，和node.exe同级，新建两个文件夹【node_global】和【node_cache】
  2. 以管理员身份运行cmd
    npm config set prefix "刚刚创建的node_global路径"
    npm config set cache "刚刚创建的node_cache路径"
  3. 配置系统环境变量
    【win+r】输入【sysdm.cpl】回车（打开系统属性）
    【系统属性】-【高级】-【环境变量】-【系统变量】-【Path】-【新建】
    变量名：NODE_PATH
    变量值：D:\develop\nodejs\node_global\node_modules
    配置后【node_global】下会自动生成【node_modules】，如未出现，手动创建
  4. 配置用户环境变量
    【win+r】输入【sysdm.cpl】回车（打开系统属性）
    【系统属性】-【高级】-【环境变量】-【用户变量】-【Path】-【编辑】
    将原本的默认【C:\Users\哔\AppData\Roaming\npm】修改为【node_global】的绝对路径
  5. 配置系统环境变量
    【系统变量】-【Path】-【编辑】
    【新建】-输入【%NODE_PATH%】-确认
  6. 测试
    以管理员身份运行cmd
    # 检查是否正常输出刚才配置的路径
    npm config get prefix
    npm config get cache
    # 全局安装一个最常用的express模块测试
    npm install express -g # -g代表全局安装

安装git

  • 下载安装
    [git国内官网]: https://git-scm.com/

    根据电脑系统、架构下载对应版本，安装
  • 检查
    git --version
    # 输出对应版本号则为安装成功
    # 在桌面或任意文件夹内右键会多两个选项：【Git GUI Here】【Git Bash Here】

安装hexo

  • 下载安装
    创建文件夹，日后博客相关文件都会保存在此，例【d:\develop\hexo】，然后进入hexo目录，【右键】-【Git Bash Here】
    npm install hexo-cli -g
    npm install hexo-deployer-git --save
    # 初始化hexo
    hexo init
    == 后边的命令默认在hexo文件夹下执行 ==
  • 更换喜欢的主题
    hexo主题官网点击此处：Themes | Hexo
    找到喜欢的主题，git clone到theme下
    修改外层【_config.yml】中的theme值为刚刚克隆的主题文件夹名，我这里用的主题是hexo-theme-reimu 
    theme: reimu
  • 本地运行
    # 启动
    hexo clean & hexo g & hexo server
    # 访问4000端口，发现已生成博客
    http://localhost:4000

将本地博客部署到GitHubPages

  1. 注册登录github账号，根据官网指引绑定ssh秘钥，在github中添加公钥
  2. github创建仓库，仓库名格式一定为”用户名.github.io”，后期访问需要通过这个域名访问，设置公开仓库
  3. 配置github仓库地址到config里
    复制ssh的git地址

    修改外层【_config.yml】里的deploy下的字段
  4. 部署到github
    npm install hexo-deployer-git --save
    hexo g -d
  5. 访问博客地址
    https://自己的用户名.github.io
    比如我的是(https://jade-xyy.github.io)

写文章

hexo下的【source_posts】文件夹是用来保存文章的

# 生成新文章
hexo new post "文章标题"
# 找到对应文章的md文件，用markdown语法编辑文章后发布，重新访问即可看到
hexo g # 生成网页
hexo s # 本地预览
hexo d # 推送到服务器

绑定个人的私有域名

  • 首先需要购入一个私有域名
    我是在阿里云购买的域名
  • 配置dns解析
    配置5条记录
    1条【CNAME】的，主机记录 www ，记录值填上边的github访问地址（自己的用户名.github.io）
    4条【A】的，主机记录 @ ，记录值为以下
    185.199.108.153
    185.199.109.153
    185.199.110.153
    185.199.111.153
  • 创建域名跳转文件
    在仓库根目录下，创建CNAME文件，内容为购买的域名，例如我自己的

    到github仓库的【Settings】-【Pages】中，配置域名

    另外还得在 /source 下创建CNAME文件，防止hexo clean时，public下的CNAME被覆盖消失

    访问个人域名，全部完成！！！

说些什么吧！

waline