深圳电子商务网站 开发,朝阳网站建设培训,宁河网站建设,微信做网站的弊端GitHub主页创建仓库想必大家都有自己的Github账号吧#xff0c;没有的可以到GitHub官网注册账号#xff0c;注册完后#xff0c;我们来下一步#xff0c;在我们的GitHub上面右上角的New repository来创建一个仓库。 仓库名必须遵守相应格式#xff1a;your_username.githu…GitHub主页创建仓库想必大家都有自己的Github账号吧没有的可以到GitHub官网注册账号注册完后我们来下一步在我们的GitHub上面右上角的New repository来创建一个仓库。 仓库名必须遵守相应格式your_username.github.io这样子在访问主页的时候直接用your_username.github.io就能访问。 我这里因为是已经创建了一个仓库了所以会有提示然后点Create repository确定创建仓库。设置Pages接下来我们来设置我们的GitHub Pages打开我们刚刚创建的仓库然后创建一个主页index.html 然后在里面输入代码!DOCTYPE html html body h1Hello World/h1 pIm hosted with GitHub Pages./p /body /html1234567然后保存接下来我们打开GitHub Pages的设置点开Settings移到下面的GitHub Pages可以看出我现在能用https://jowanxu.github.io/来访问我的github主页了这里我是用我的一个新创建的号来演示的。 通过上面的配置我们能通过your_username.github.io来访问我们的博客主页了。Clone仓库创建完仓库后可直接安装Git,忽略Clone我们需要将代码下载到本地这里就需要用到Git了。安装GitWindows下载并安装 gitmsysGitMac使用 Homebrew, MacPorts brew install git;或下载 安装程序 安装。Linux (Ubuntu, Debian)sudo apt-get install git-coreLinux (Fedora, Red Hat, CentOS)sudo yum install git-core安装完Git后在命令行输入git --version判断是否成功 如果出现不存在命令那么就添加Git目录下bin目录的环境变量添加完后要重新打开命令行然后在判断是否成功。 这里我使用msysGit的Bash窗口来进行操作的。配置Git参数安装完Git后需要配置本地Git的参数右键一个文件夹然后选择Git Bash打开Bash窗口然后 然后我们来设置Git的姓名和邮箱git config --global user.name Firstname Lastname git config --global user.email your_emailexample.com12配置完成后会在~/.gitconfig中生成相应的本地Git配置信息。添加SSH KeyGitHub上连接已有仓库是验证是通过SSH的公开密钥进行认证的在这里我们来生成我们自己的SSH Key输入下面的命令输入完后回车会让你输入密钥的文件名和密码系统会在/Users/your_user_directory/.ssh/x下生成私有密钥id_rsa和公开密钥id_rsa.pubssh-keygen -t rsa -C your_emailexample.com1我们可以看到生成的文件 id_rsa文件内容是这样的由-----BEGIN RSA PRIVATE KEY-----开始和-----END RSA PRIVATE KEY-----结束 id_rsa.pub的内容是这样的由ssh-rsa开头的 然后我们在GitHub上面添加本地SSH密钥信息在右上角选择Settings进入设置界面 然后选中SSH and GPG keys点击New SSH key Title可以随便填打开公开密钥id_rsa.pub复制里面的内容到Key里面填完密钥后点Add SSH key就OK了。 ssh-agent我们要通过ssh-agent来添加刚刚创建的密钥来登陆GitHubssh-agent是一种控制用来保存公钥身份验证所使用的私钥的程序通过输入下面两条命令添加第一条命令是反引号不是单引号’eval ssh-agent -s ssh-add hexo_rsa上面创建的密钥文件名12然后我们登陆一下GitHub看是否登陆成功ssh -T gitgithub.com1登陆成功~~~ Hexo框架Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown或其他渲染引擎解析文章在几秒内即可利用靓丽的主题生成静态网页。 安装Hexo需要用到npm而安装npm则需要安装Node.jsNode.js可以在官网下载下载完成直接安装然后通过命令行来判断是否安装完成npm设置淘宝NPM镜像来提高下载速度npm install -g cnpm --registryhttps://registry.npm.taobao.org1设置完镜像后就可以安装Hexo了npm install -g hexo-cli1然后用命令行查看是否安装成功hexo -version1接下来我们需要创建一个文件夹文件名随意也可以在已存在的文件夹里面但是里面必须是什么文件都没有然后进入到文件夹里面来初始化Hexohexo init1如果没有出现错误那么我们的Hexo博客框架就安装完成了生成的目录内容如下其中_config.yml是网站的配置信息我们大部分的参数都是在这个文件里面修改接下来我们来启动Hexo服务hexo s1也可以开启debug模式debug模式可以实时更新方便查看修改后的结果。hexo s --debug1然后我们在浏览器上输入localhost:4000来打开HexoHexo常用命令new如果我们要创建一篇文章的话我们可以通过new命令来创建也可以直接在博客目录下面的\source\_posts里面创建markdown文件。hexo new [layout] title1如果标题包含空格的话请使用引号括起来。generategenerate命令是用来生成静态文件的在我们发布到GitHub的仓库的时候需要先生成才能上传。hexo generate1可以简写为hexo g1server开启服务器网址为http://localhost:4000hexo server1同样可以简写为hexo s1deploy部署网址上传到我们的GitHub的仓库上面。hexo deploy1同样可以简写为hexo d1clean清除缓存文件 (db.json) 和已生成的静态文件 (public)。在某些情况尤其是更换主题后如果对站点的更改无论如何也不生效运行该命令。hexo clean1Hexo配置Git我们要上传GitHub必须要先设置一些内容打开博客目录下面的配置文件_config.yml找到deploy然后在type那里输入git在repo那里输入我们的仓库地址在branch那里输入mastermessage为上传日志可不写 一般我们上传到GitHub的时候我们用这条命令来执行生成静态文件并且部署到服务器。hexo g -d1上传完成之后我们可以在博客文件夹里面的.deploy_git目录管理我们的仓库文件那么我们上面就不需要Clone仓库下来了。 下一步我们来通过域名解析GitHub主页地址来访问个人博客。域名在本地搭建完个人博客后我们就要将代码上传到我们的GitHub仓库上面去然后我们就可以通过your_username.github.io来访问我们的博客主页了但是我们如果要修改GitHub的域名的话是改不了的只有我们自己去购买域名然后通过域名解析将我们的GitHub主页的域名解析到我们自己买的域名上面这样我们就可以通过我们自定义的域名来访问我们的博客了。购买域名购买域名可以在域名提供商购买一个价格合适的个人域名在这里我用阿里云的上注册购买阿里云直接用支付宝登陆就行而且还有部分域名可以1元首年购买的优惠打开阿里云域名注册官网然后输入自己想要的域名当然你也可以选中1元的域名输入完点查询 然后选择自己想要的域名加入清单然后支付 支付完成后我们点击右上角的控制台进入我们的管理界面然后打开域名与网站万网里面就能看到我们刚刚购买的域名了 绑定域名购买完域名后我们需要在博客目录下的\source目录下建立CNAME文件没有后缀名、全部大写写入你所购买的域名地址。这里我写入的www.jowanxu.top。 然后我们来绑定我们的GitHub主页继续在阿里云管理控制台然后选择云解析DNS选项界面 然后点击我们的域名进入解析设置 默认会有两个解析一个是CHAME一个是ACHAME里面输入我们的GitHub主页your_username.github.ioA那里输入我们GitHub主页的IP如何获取主页IP呢通过命令行的ping来获取 然后保存就OK啦。GitHub设置上面弄完之后我们还需要在我们GitHub仓库上面修改我们的source才能搞定打开我们的仓库然后点击Settings 然后找到GitHub Pages将source改为master branch然后保存 并且填入我们自己购买的域名地址然后保存 然后我们就能收到创建成功的邮件了。 最后我们的GitHub Pagers里面是这样子的证明成功了 然后我们就能通过自己购买的域名来直接访问到我们放在GitHub上面的个人博客了如我的博客。 如果你觉得默认自带的主题不好看可以自己去捣鼓其他的主题Hexo支持特别多的主题可以在这个网址上选择自己喜欢的我这里用到的主题是NexT主题。 转载于:https://www.cnblogs.com/liuzhi/p/8157377.html
