热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

如何搭建自己的个人博客(推荐)

如何搭建个人博客?这是我的个人网站:www.weaci.cn准备需要做到以下三点:1.安装git如果官方网速太慢的话,也可以移步百度云镜像下载安装即可。安装完毕之后,如果你的菜单里

如何搭建个人博客?

这是我的个人网站: www.weaci.cn

准备

需要做到以下三点:

1.安装git

如果官方网速太慢的话,也可以移步百度云镜像
下载安装即可。
安装完毕之后,如果你的菜单里出现了git bash(一个类似于命令行窗口的东西)的话,那么恭喜你,你已经成功安装啦!

安装完毕后,我们先不要着急,在窗口分别输入以后两行代码:

$ git config --global user.name "你的账号名"
$ git config --global user.email "你的邮箱名"

这样,你的gitbash就能连接到你的远程git上啦。

2.[安装node.js]()

node -v

查看是否安装node.js成功

3.安装hexo

我们可以通过执行以下命令来

npm install -g hexo

或者可以用Facebook的包管理工具yarn来执行

npm install -g yarn

比较坑爹的是yarn也需要通过npm来安装

hexo -v

查看是否安装成功

cd进入一个空的文件夹,执行:

hexo init

初始化命令,执行后在本地可以看到一些文件,到了这步,建立博客所有需要的文件都已经准备好了

怎么样,是不是已将迫不及待了呢试着在输入

hexo server

或者简写成:

hexo s

打开你的浏览器输入http://localhost:4000 就可以看到属于你的第一个个人博客了。

配置github

建立Repository

建立与你用户名对应的仓库,仓库名为username.github.io

打开hexo文件夹里的_config.yml

vim _config.yml

翻到最下面,将代码改成:

deploy:
type: git
repo: https://github.com/username/username.github.io
branch: master

然后执行命令:

npm install hexo-deployer-git --save

在你对博客进行修改后可以通过执行:

hexo clean

清理缓存

hexo generate

生成静态网页

hexo deploy

提交

可以简写成:

hexo g -d

现在我们就可以通过username.github.io来访问你的博客啦。

hexo主题

Hexo 有两份主要的配置文件(_config.yml),一份位于站点根目录下,另一份位于主题目录下。为了描述方便,在以下说明中,将前者称为 站点配置文件,后者称为 主题配置文件。

Hexo 安装主题的方式非常简单,只需要将主题文件放置于站点目录的 themes 目录下,然后修改下配置文件即可。具体到 NexT 来说,安装步骤如下。

下载 NexT 主题:

  • 进入博客根目录/themes/, 执行

    $git clone https://github.com/iissnan/he…

  • 或者直接进入上面的链接,在项目主页download zip文件,然后解压到博客根目录/themes/ 文件夹

启用主题

克隆/下载 完成后,打开 站点配置文件,找到 theme 字段,并将其值更改为 next 。

验证主题是否启用

运行 hexo s –debug ,并访问 http://localhost:4000 ,确保站点正确运行。

绑定域名

如果有自己的域名的话,我们可以直接通过域名来上你的个人博客,如果没有的话可以到腾讯云上购买一个,现在最低只要一块钱。

在你的博客根目录/_config.yml下修改

# Site
title: myblog # 博客名
subtitle: it is my blog # 副标题
description: # 站点描述
author: # 作者名
language: zh-Hans # 语言设置
timezone:
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: yoursite # 博客所要绑定的域名,没有则不填
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

  • 添加CNAME:在项目的source文件夹下新建一个名为CNAME的文件,在里面添加你购买的域名

  • 点击添加解析,记录类型选A或CNAME,A记录的记录值就是ip地址,github(官方文档)提供了两个IP地址,192.30.252.153和192.30.252.154,这两个IP地址为github的服务器地址,两个都要填上,解析记录设置两个www和@,线路就默认就行了,CNAME记录值填你的github博客网址:username.github.io

提交到百度

打开百度搜索 site:your site

点击提交网址,设置好站点属性之后,我们选择第三种验证方式CNAME验证

第一步:你要有自己的域名并使用CNAME解析

第二步:如图添加一条新的CNAME解析:记录类型是CNAME,主机记录是百度给你的一串字符,记录值是ziyuan.baidu.com,其他默认

好了,到这里我们就大功告成了,如有不足,请不吝指出,谢谢


推荐阅读
  • 网络请求模块选择——axios框架的基本使用和封装
    本文介绍了选择网络请求模块axios的原因,以及axios框架的基本使用和封装方法。包括发送并发请求的演示,全局配置的设置,创建axios实例的方法,拦截器的使用,以及如何封装和请求响应劫持等内容。 ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • Gitlab接入公司内部单点登录的安装和配置教程
    本文介绍了如何将公司内部的Gitlab系统接入单点登录服务,并提供了安装和配置的详细教程。通过使用oauth2协议,将原有的各子系统的独立登录统一迁移至单点登录。文章包括Gitlab的安装环境、版本号、编辑配置文件的步骤,并解决了在迁移过程中可能遇到的问题。 ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • 前言:原本纠结于Web模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中ev ... [详细]
  • npminstall-Dbabelcorebabelpreset-envbabelplugin-transform-runtimebabelpolyfillbabel-loader ... [详细]
  • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
  • 本文介绍了在mac环境下使用nginx配置nodejs代理服务器的步骤,包括安装nginx、创建目录和文件、配置代理的域名和日志记录等。 ... [详细]
  • web.py开发web 第八章 Formalchemy 服务端验证方法
    本文介绍了在web.py开发中使用Formalchemy进行服务端表单数据验证的方法。以User表单为例,详细说明了对各字段的验证要求,包括必填、长度限制、唯一性等。同时介绍了如何自定义验证方法来实现验证唯一性和两个密码是否相等的功能。该文提供了相关代码示例。 ... [详细]
  • 树莓派语音控制的配置方法和步骤
    本文介绍了在树莓派上实现语音控制的配置方法和步骤。首先感谢博主Eoman的帮助,文章参考了他的内容。树莓派的配置需要通过sudo raspi-config进行,然后使用Eoman的控制方法,即安装wiringPi库并编写控制引脚的脚本。具体的安装步骤和脚本编写方法在文章中详细介绍。 ... [详细]
  • 本文详细介绍了git常用命令及其操作方法,包括查看、添加、提交、删除、找回等操作,以及如何重置修改文件、抛弃工作区修改、将工作文件提交到本地暂存区、从版本库中删除文件等。同时还介绍了如何从暂存区恢复到工作文件、恢复最近一次提交过的状态,以及如何合并多个操作等。 ... [详细]
  • React 小白初入门
    推荐学习:React官方文档:https:react.docschina.orgReact菜鸟教程:https:www.runoob.c ... [详细]
  • ReactJSUIAnt设计空组件原文:https://w ... [详细]
  • 先下载nodejs针对windows安装安装就行。自定义安装在对应的文件夹就行安装完之后需要在电脑的环境变量里面添加两个路径通过cmd可以查看自己node的版本号最后通过运行npm ... [详细]
  • 使用npmi编译vue项目出现无法下载github.com中的对应的包源文件报错信息如下:npmERR!fatal:unabletoaccess'https:github ... [详细]
author-avatar
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有