搭建个人网站--搭建网站

news/2024/5/14 3:48:11/文章来源:https://worthsen.blog.csdn.net/article/details/79277591

一、环境搭建(windows10)

1、node.js的介绍与安装

(1)介绍:Nodejs

(2)安装:node.js安装教程

2、Git 的介绍与安装

(1)GitHub 使用教程 <精华帖>

3、Hexo的介绍与安装

(1)介绍:A fast, simple & powerful blog framework

(2)安装:Node.js 和 Git 安装好后,只需要执行下面的命令就行

//
npm install -g hexo-cli  注意:-g是指全局安装hexo
//注:此处详解可看官网A fast, simple & powerful blog frameworkA fast, simple & powerful blog framework

二、Hexo的配置

//
安装完成Hexo后,在你喜爱的文件夹下(如C:\Hexo),执行以下指令(在C:\Hexo内点击鼠标右键,选择Git Bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。
hexo init
//  注:红线是重点,不然下载的文件不全安装完成Hexo后,在你喜爱的文件夹下(如C:\Hexo),执行以下指令(在C:\Hexo内点击鼠标右键,选择Git Bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件。
hexo init
//  注:红线是重点,不然下载的文件不全
//
npm install    //安装依赖包
//
//
现在我们已经搭建起本地的hexo博客了,执行以下命令(在C:\Hexo),然后到浏览器输入localhost:4000看看。
hexo generate
hexo server
//

上图是表示配置成功,对应路径下的文件介绍

 

//
node_modules:是依赖包
public:存放的是生成的页面
scaffolds:命令生成文章等的模板
source:用命令创建的各种文章
themes:主题
_config.yml:整个博客的配置
db.json:source解析所得到的
package.json:项目所需模块项目的配置信息
//

 

 

三、配置SSH Key,使得本地和对应的github仓库建立联系

1、配置SSH Keys

本地git项目与远程的Github建立联系有ssh方式和https方式,具体区别见git中ssh与https究竟有何不同,

此处介绍如何使用SSH keys,另一种方式见GitHub 使用教程 <精华帖>。

2、检查SSH keys的配置

首先需要检查电脑上现有的ssh key,输入以下命令查看。

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

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

3、生成新的SSH Keys:

//
$ ssh-keygen -t rsa -C "邮件地址@youremail.com"  //输入自己的邮箱   此处的「-C」的是大写的「C」
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车就好>
//
//
Enter passphrase (empty for no passphrase):<输入加密串>
Enter same passphrase again:<再次输入加密串>
//注意:输入密码的时候没有 * 字样的,你直接输入就可以了。注意:输入密码的时候没有 * 字样的,你直接输入就可以了。

这个密码会在你提交项目时使用,如果为空的话提交项目时则不用输入。这个设置是防止别人往你的项目里提交内容。

成功后界面如下:

4、添加SSH Keys到GitHub上

(1)打开本地 id_rsa.pub 文件( 参考地址 C:\Users\MacheNike\.ssh\id_rsa.pub)。此文件里面内容为刚才生成的密钥。如果看不到这个文件,你需要设置显示隐藏文件。准确的复制这个文件的内容,才能保证设置的成功。

(2)登陆 GitHub 系统。点击右上角的 Account Settings--->SSH Public keys ---> add another public keys

(3)把你本地生成的密钥复制到里面( key 文本框中), 点击 add key 就ok了

5、测试是否添加成功

可以输入下面的命令,看看设置是否成功,git@GitHub.com 的部分不要修改

//
ssh -T git@GitHub.com
//结果如下
//
The authenticity of host 'GitHub.com (207.97.227.239)' can't be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)?  //此处输入yes就好
//结果如下
//
Hi twelve-sir! You've successfully authenticated, but GitHub does not provide shell access.
//

现在你已经可以通过 SSH 链接到 GitHub 了。

6、在环境变量中添加用户信息

Git 会根据用户的名字和邮箱来记录提交。GitHub 也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的,名字必须是你的真名,而不是GitHub的昵称。

//
$ git config --global user.name "cnfeat"//用户名
$ git config --global user.email  "cnfeat@gmail.com"//填写自己的邮箱
//

7、SSH Keys 配置成功

 

致谢

1、史上最详细“截图”搭建Hexo博客并部署到Github

2、手把手教你用Hexo+Github 搭建属于自己的博客

3、如何搭建一个独立博客——简明Github Pages与Hexo教程

4、hexo从零开始到搭建完整

5、使用hexo+github搭建免费个人博客详细教程

6、使用Hexo搭建博客(二),搭建博客的过程

7、使用Hexo搭建博客(三),博客配置、主题和写作


 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_769752.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

通过域名访问网站的原理过程

一、域名解析图二、常识 1、IP地址是直接能访问网站的&#xff0c;之所以用域名访问原因如下&#xff1a; &#xff08;1&#xff09;但是IP地址不好记&#xff1b; &#xff08;2&#xff09;IP地址是一堆数字对用户不友好&#xff1b; &#xff08;3&#xff09;正常情况下对…

程序员应该访问的最佳网站中文版

程序员应该访问的最佳网站中文版原版 原文链接 :https://github.com/tuteng/Best-websites-a-programmer-should-visit-zh/blob/master/README.md 一些对程序员有用的网站 在学习CS的时候有一些你必须知道的有用的站点来获取通知为了你的技术储备和学习新知识。这里是一个你…

微软正式发布Azure Storage上的静态网站

微软正式宣布了Azure Storage上的静态网站&#xff0c;提供了从托管在Azure Storage上的HTML、CSS和JavaScript文件提供内容的能力。静态网站包含内容固定的Web页面&#xff0c;同时仍然允许利用JavaScript等客户端代码来创建丰富的用户体验。 有了这个新功能&#xff0c;继用于…

网站配置SSL证书实现HTTPS加密访问方式过程

如今我们越来越多的网站会使用SSL证书配置HTTPS网址。因为如果我们不配置的话在浏览器会直接提示不安全网站&#xff0c;这些说实话确实有点强制&#xff0c;因为有些项目不需要用到HTTPS&#xff0c;但是迫于浏览器的强制我们也只能纷纷去使用SSL证书。还好如今免费证书比较多…

滑天下之大稽,某博客网站竟然借鉴视频网站的设计风格来做首页

故西施病心而颦其里&#xff0c;其里之丑人见而美之&#xff0c;归亦捧心而矉其里。其里之富人见之&#xff0c;坚闭门而不出&#xff1b;贫人见之&#xff0c;挈妻子而去之走。彼知颦美&#xff0c;而不知颦之所以美 本篇文章不是实锤CSDN抄袭Bilibili的设计风格 单纯吐槽一个…

vue-i18n中英文或者多语言切换的网站在vue项目中的合理布局结构

使用很简单&#xff0c;官网地址&#xff1a;http://kazupon.github.io/vue-i18n/zh/ npm install vue-i18n --save 新建一个文件夹。及其文件。如下图 index.js文件 import Vue from vue; import VueI18n from vue-i18n; // import { isInLanguage } from /utils/validate;…

玩腾讯云服务器的第1天:搭建Http静态服务器环境(简称:搭建静态网站)

描述一下买了服务器和域名后&#xff0c;大家心里兴奋的想要干嘛&#xff1a;那就是搭建属于自己的网站啦&#xff01; 而且其他人还可以访问到的那种~~ 不bb啦&#xff0c;接下来我分两步来解决大家问题&#xff1a; 第一步&#xff1a;认识Nginx Nginx是lgor Sysoev为俄罗斯…

玩腾讯云服务器的第2天:搭建基于apache的网站

过程也是两步&#xff1a; 下载jdk和配置环境下载apache和配置环境 第一步&#xff1a;下载JDK jdk下载地址请点击这 查看自己的Linux是多少位的 uname -a现在大部分都是64位的&#xff0c;以下图片下载的也是64位的 上传jdk 创建存放jdk的目录文件 cd /usr mkdir softwa…

CSS3—字体图标的使用以及常用的网站

这里就拿icmoon图标举个例子 http:/licomoon.io 1.首先输入网址打开&#xff08;由于是国外的服务器&#xff0c;所以会有点慢&#xff09; 2.点击 icoMoon App 3.点击下载 4.解压 5.将fonts文件夹下的四个文件复制到你所创建的项目中&#xff08;这里一般是现在你项目下面新建…

Pop的实用网站

在线扒站工具&#xff08;扒页面&#xff09; https://bazhan.me/fullPage.js (基于jquery的全屏滚动插件)http://fullpage.81hu.com/比特虫 &#xff08;在线制作 ico 图标&#xff09;https://www.bitbug.net/猫云 https://www.bootcdn.cn/微信官网文档 https://developers.w…

看不懂网站的页面,轻轻松松帮你解决,让你也学会前端页面的布局。

JavaSript语句 1&#xff09;JavaScript代码块 代码块的作用是一并执行语句序列。本例中向网页输出一个标题和两个段落。 <!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>JavaScript 语句</title> </head>…

买了服务器怎么将网站发布,有了云服务器怎么将网站发布

有了云服务器怎么将网站发布 内容精选换一换符合条件的华为云弹性云服务器&#xff0c;均可享受不超过 30 天的赠送时长奖励。“备案多久送多久”具体规则如下&#xff1a;您办理备案的须为包年/包月计费的华为云弹性云服务器&#xff0c;且每台弹性云服务器仅限享受本规则规定…

html网站实现站内搜索功能_SEO人员,如何让“僵尸网站”起死回生?

在互联网中存在着大量的僵尸网站&#xff0c;僵尸网站大部分是一些小企业为了拓宽销售渠道而建立的网站。几年前企业初期建站时对公司网站并没有深刻的认识&#xff0c;尤其是一些小企业的网站只是简单的几页介绍&#xff0c;网站信息、技术含量很少&#xff0c;网站建完成之后…

php url优化,「企业网站排名优化」THINKPHP框架URL的seo优化

「企业网站排名优化」从蜘蛛爬行原理入手&#xff0c;现在讨论一下thinkphp框架的网站如何做url的SEO优化1.1.设置URL伪静态在config.ini.php中设置&#xff0c;把URL做成伪静态&#xff0c;那么需要在config.php文件中设置:‘URL_MODEL’>2, //URL模式为REWRITE模式PATHINF…

网站标题的php文件,接下来设置网站标题

一 wordpress安装我用的是XAMPP(ApacheMySqlPHP)&#xff0c;wordpress(BLOG程序)3.5.1 简体中文官方安装版 &#xff0c;下面来说说Windows下用XAMPP安装wordpress的方法。安装XAMPP就是傻瓜式的next、next。安装完成之后运行Control Panel&#xff0c;启动Apache和Mysql&…

2048和多地址入口_七天网站成绩查询官网登录入口地址:http://www.7net.cc/

阅读本文前&#xff0c;请您先点击上面的蓝色字体&#xff0c;再点击“关注”&#xff0c;这样您就可以继续免费收到最新文章了。每天都有分享。完全是免费订阅&#xff0c;请放心关注。注&#xff1a;本文转载自网络&#xff0c;不代表本平台立场&#xff0c;仅供读者参考&…

关键词切分_巧用分词算法布局关键词SEO技巧分享

在自然语言处理技术中&#xff0c;许多西文的处理方法中文不能直接采用&#xff0c;就是因为中文需要有分词这道工序。而搜索引擎的分词简单的理解&#xff0c;就是把搜索语句分成若干个互相独立、完整、正确的单词&#xff0c;然后在理解每个单词意思的基础上&#xff0c;根据…

java 改图标_java如何给自己的网站更改ico图标

我们在查看网页的时候很多网站都有自己的小图标&#xff0c;系统读取这个标志的时候先从你的项目的根目录下读看有没有favicon.ico文件&#xff0c;如果有直接显示这个图标&#xff0c;如果没有&#xff0c;则会去webapps/root/下找这个文件&#xff0c;如果这两个地方都没有&a…

【纯·干货】你会用到的期刊读Paper发论文写论文必备网站及各种小助手,不定期持续更新中~

Paper Assistant前言一、论文查找、检索1.中国知网CNKI2.Google学术搜索3.谷歌学术镜像4.GeenMedical 根哥学术5.Elsevier期刊全文库ScienceDirect6.SCI科学引文索引7.SCI-Hub论文下载8.EI Village9.百度学术&#xff08;内含引用小技巧&#xff01;&#xff01;&#xff01;&a…