如何搭建属于自己的个人网站

如何搭建属于自己的个人网站

一、前期准备

1.全局安装node.jsgit

安装完测试下。在其他盘能不能查到版本号。

$npm install nrm -g --save

nrm是专门用来管理和快速切换私人配置的registry,切换npm下载源。

$nrm ls

用nrm ls命令查看默认配置

$nrm use taobao

使用淘宝镜像作为默认源

2.注册github账号

3.在GitHub上新建一个仓库



注意:仓库名一定要写成:用户名.github.io
(博主在注册账号时把super拼错了,这一点上,不要笑话我~)


二、配置 SSH keys

1.首先我们需要检查你电脑上现有的 ssh key:

$ cd ~/.ssh   //检查本机的ssh密钥

如果提示:No such file or directory 说明你是第一次使用 git。

2.在本地电脑上创建ssh公钥与密钥。

$ ssh-keygen -t rsa -C "邮件地址@youremail.com"


然后连续按3次空格,跳过输入密码
在本地会生成一个.ssh文件夹:C盘用户文件夹下

3.设置用户信息

$git config --global user.name "surperJin"    //名字随便
$git config --global user.email  "willjin007@163.com"     //邮箱

打开id_rsa.pub文件,并复制里面的内容到GitHub的SSH keys里面


测试一下本地是否连接远端

$ssh -T "git@github.com"

三、Hexo

hexo是一款基于Node.js的静态博客框架。

1.全局安装hexo

$npm install hexo-cli -g

$npm install hexo-deployer -git -save

2.D盘创建文件夹“blog”(文件夹名字自己定,最好是英文),进入D盘输入以下指令:

$hexo init blog

$npm install

打开并配置_config.yml文件

$hexo g       //生成静态

$hexo server  //可以在http://localhost:4000/ 查看

$hexo d       //部署

四、绑定域名

1.购买域名

博主是在新网买的,不过大家可以去阿里云购买,好像更便宜一些
买到域名后要进行实名认证,通过后进行以下操作:
a. (win键+R)输入cmd打开系统命令执行程序

ping 用户名.github.io

可以得到GitHub的IP,复制
b. 解析域名

c. 添加CNAME和A记录(把刚才GitHub的IP填到A记录的记录值)

d. 在source文件夹下新建一个CNAME文件(没有后缀名),并把域名填入,不带www


五、开启HTTPS

在GitHub上找到刚建的那个博客仓库,进入设置并找到GitHub Pages,把这个打上勾就可以了。


六、更换主题

hexo主题可以去这里找:https://hexo.io/themes/
主题配置可以参考hexo主题配置以及挑选的主题的README.md

此项配置于博客名文件夹下的_config.yml,具体的主题内容以及样式于themes/主题文件夹/_config.yml


七、新建菜单页以及文章

hexo new "文章名称"

建好后会产生一个md文件(markdown语法),一般在hexo/source/_posts下,用编辑器打开在里面输入你想写的内容就好啦

hexo new page about

八、markdown语法

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

1.标题

在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。

#一级标题

##二级标题

###三级标题

####四级标题

#####五级标题

######六级标题

效果如下:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

2.引用图片

![这里面是替换图片的文字](这里是图片的路径.jpg)

太多了,不想写了🤣,你们可以参考我好朋友的这篇markdown语法的文章https://itpoet.cn/2017/10/17/quickly-master-the-markdown-basic-syntax/

(本文为博主原创文章,转载请附上博文链接!)https://jinzhanqi.com/2019/04/25/createBlog/

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×