基于Hexo的个人博客搭建(上)

没有废话,直接开始。

1. 环境配置

—1.1 node.js安装

  https://nodejs.org/en/download/

  

  下载最新版本即可,然后无脑安装(除了选安装目录的时候),为了保证安装成功和环境变量的配置正确,我将会在cmd中展示版本信息:

  

—1.2 yarn安装

  https://yarnpkg.com/en/docs/install#windows-stable

  

  继续下载,无脑安装。

  

—1.3 git安装

  https://git-scm.com/downloads

  不过我发现我的电脑里早已经安装过了

  

2. 本地安装Hexo

2.1 设置git

  git config --global user.name "wym"
  git config --global user.email "[email protected]"

  Powershell中分别输入上述命令,为你的git设置用户名和邮箱,可以随意填写。

—2.2 安装hexo

  yarn global add hexo

  Powershell中输入上述命令,开始安装hexo,不同于其他人那么顺利,我这里频繁显示There appears to be trouble with your network connection. Retrying....... 搞得我很紧张,不过还好,最终仍然是成功了,至少提示是这样的,如下图所示:

  

  

  581.50秒,??别人1分钟,我10分钟

—2.3 本地创建hexo目录

  首先新建一个目录,然后在Powershell找到该目录,并在该路径下运行命令:

  hexo init

  再一次的,又出现连接失败的问题,我仍然采取无视的态度,又是耗费了448.02秒。

  

—2.4 安装NexT主题(或其他主题)

  git clone https://github.com/iissnan/hexo-theme-next themes/next

  Powershell运行之后遇到了git clone报错error: RPC failed; curl 18 transfer closed with outstanding read data remaining,应该还是网络连接的问题,最终还是解决了。当然,除了最流行的NexT主题外,还有很多主题,比如Yilia,Melody,mellow等等。如果想使用其他主题,找到它们的github地址(网上很容易查到),替换上面命令中的地址即可。

  

   

—2.5 修改hexo配置文件

  打开在2.3步骤中创建目录里的_config.yml文件,写字板,记事本或任何能打开文本文件的都可以。通过ctrl+F查找关键词Theme,找到下图所示的位置:

  

  将theme:next替换原有的landspace,最终结果正如上图所示。

3.本地测试

3.1 开启hexo服务

  hexo s --debug

  

—3.2 本地测试

  在浏览器输出localhost:4000即可看到如下界面:

  

  不过由于是本地服务,因此当你关掉命令行时,也就随之无法访问。

4.服务器端的配置

—4.1 创建SSH密钥对

  打开Git Bash输入命令:

  ssh-keygen -t rsa -C "[email protected]"

  

  此时在本地用户目录(即C://User/xxx,xxx代表你的windows账号名称,比如我的就是上图中的wym)会出现一个.ssh文件夹,里面又两个文件,分别是id_rsa和id_rsa.pub,前者代表私钥,后者代表公钥。接下来的工作是将公钥添加到服务器上去。

—4.2 服务器添加公钥

  使用文本形式打开id_rsa.pub,将其内容复制到服务器的/home/git/.ssh/authorized_keys文件中,我使用的是Hostwinds家的vps,说实话使用起来感觉一般,这个vps本来是要用来搭梯子的,后来临时用于博客的。在主机管理界面上它直接有一个关于SSH KEYS的地方。

  

  

  点进去MANAGE SSH KEYS,选择ADD SSH Key

  

  选中Import选项,起一个名称,将之前id_rsa.pub文件中的内容复制到Public Key部分,点击Create Key,创建一个新的密钥。

  

  

  实话来说,这个步骤的意义究竟有何意义,是否有意义,我不太清楚,只是看到别人都添加了公钥,于是我也来了一遍。而且是具有Hostwinds特色的添加公钥,网上是没找到相关的操作,也许是Hostwinds使用的人太少了吧。

  

—4.3 服务器安装apache

  使用Putty或是VPS主机提供的命令行连接到服务器,依次输入:

  yum -y install httpd

  systemctl start httpd

  

  这时候在浏览器输入你服务器的ip地址,就会跳出apache的界面,表示安装成功了。

  

—4.4 服务器安装git

原文地址:https://www.cnblogs.com/lbrs/p/11706459.html

时间: 2024-11-04 09:26:37

基于Hexo的个人博客搭建(上)的相关文章

基于Hexo的个人博客搭建(下)

5.服务器端测试 —5.1 clone到/var/www/html git clone /home/git/repos/myblog.git /var/www/html chown -R  git:git /var/www/html/ —5.2 设置Git Hook Windows建立一个文件post-receive,是的,无后缀文件.内容如下: #!/bin/bash #判断是不是远端仓库 IS_BARE=$(git rev-parse --is-bare-repository) if [ -

Mac 上搭建基于 Hexo + GitHub 个人博客

环境配置 本人电脑系统:macOS Node.js 生成静态页面.安装Node.js Git 用于将本地 Hexo 内容提交到 Github.Xcode自带Git(前提:macOS已经安装了Xcode),若没有,可以参考 Hexo官网上的安装方法. 安装 Hexo 当 Node.js 和 Git 都安装好后,就可以正式安装 Hexo 了,终端执行如下命令: $ sudo npm install -g hexo 输入管理员密码(Mac 登陆密码)即可开始安装. 注: sudo:linux系统管理指

基于node.js的博客搭建

一个博客应当具备哪些功能? 前台展示 点击下一页,可以点击分类导航. 可以点击进入到具体博文页面 下方允许评论.显示发表时间.允许留言分页. 右侧有登录注册界面. 后台管理 管理员账号:登陆后看到页面不一样,有后台页面. 允许添加新的分类.从后台添加新的文章. 编辑允许markdown写法. 评论管理. 安装模块 Express 一个简洁灵活的node.js WEB应用框架,提供一系列强大的特性帮助我们创建web应用. Mongodb 用于保存产生的数据 第三方模块和中间件: bodyParse

基于Hexo+Node.js+github+coding搭建个人博客——基础篇

附上个人教程:http://www.ookamiantd.top/2017/build-blog-hexo-base/ 搭建此博客的动机以及好处在此就不多谈了,之前已经表达过,详情请看Start My Blog Trip - Power By Hexo 记录一下搭建的基本过程以及遇到的一些问题,仅供参考 = =废话不多说,进入主题 Hexo博客搭建的基础大致流程为: 安装Node.js →安装Git → 安装Hexo → 安装主题 → 本地测试运行 → 注册给github与coding并创建pa

Hexo+git博客搭建

前言 早就想换一换我之前使用的wordpress博客了,昨天偶然看到一个学长的博客感觉前端简洁大气,于是查了一下他所用的Hexo这个博客框架.从doc来看使用简单,md的编辑方式很高效,浏览了一下主题也有几个不错的,于是趁着考试周之前的日子赶紧把博客搭建起来了. 搭建的环境是Mac+Ubuntu14.04 本地安装搭建博客 本地安装hexo框架 先使用homebrew安装npm: 1 brew install npm 使用npm安装Hexo 1 npm install hexo-cli -g 安

Hexo 个人博客搭建

老早就想搭建一个属于自己的个人博客了,之前也弄过一个,后台到前端完全原生自主编写,可是终究还是太年轻,很多东西都不会,也不懂得坚持,慢慢就荒废了.加上几次的服务器变更,再加上工作没精力打理,之前的个人博客已经完全荒废了.经过2018年一年时间的沉淀,决定再次搭建一个属于自己的博客了,之前一直在 博客园 潜水,平时也没怎么输出,记录几个随笔.2019年,决定好好地写一下博客.计划每周写一篇吧,以周为单位,不断吸取新的东西,整理输出. 开始前 本篇主要记录如何将 hexo 博客部署到服务端,因此 g

个人博客搭建线上实施方案

个人博客搭建线上实施方案 在hexo本地实施没有问题的基础上 实施方案 方案一:GithubPages 创建Github账号 创建仓库, 仓库名为:.github.io 将本地Hexo博客推送到GithubPages 3.1. 安装hexo-deployer-git插件.在命令行(即Git Bash)运行以下命令即可: $ npm install hexo-deployer-git --save 3.2. 添加SSH key. 创建一个 SSH key .在命令行(即Git Bash)输入以下命

U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索

指南:U盘便携式hexo&博客搭建&极速纯净低bug主题推荐&部署到coding&SEO优化搜索 U盘便携式hexo随处写博客 简述:在任意一台联网的电脑上续写hexo博客,一个U盘+几个网站即可搞定.便携式hexo,其免去Nodejs 和 Git 的安装和配置还包含了配置和懒人脚本.好处就是省事.简单.方便 便携式hexo下载及使用方法,由 HEXO Portable | 比特萌信息技术 免费提供服务.(这里使用的版本是1.0.3) 几个网站: 折腾选用:hexo中文文档

在Debian下搭建基于Apache-Php-MySQL的wordpress博客

wordpress是一个流行的博客搭建框架,为不会html,css和js的人提供了搭建博客的便捷方式.我这里是在我的笔记本上搭建了一个wordpress博客,这里把详细的搭建过程写出来. 我的系统信息如下: 具体的操作过程如下描述. 1.安装apache2服务器 其中apache2-doc是apache服务器的说明和配置文件,libapache2-mod-php5是apache的php模块库文件. 安装成功后,重启apache2服务器, 此时在浏览器地址栏里面输入http://localhost