蓝鲸实践作业——前端基础

处在互联网时代,对于页面内容展示的前端技术的术语,HTML, CSS, Javascript等大家一定耳熟能详。本节课程可以让你掌握如何实现页面的这几项基础技术。 题目 实现如下两个静态页面(可通过蓝鲸MagicBox实现)1> 两个页面有相同的导航栏,”执行任务”和“任务纪录”2> “执行任务”页面包含以下元素:a>两个下拉框:“选择业务” 和 “选择脚本”b>”执行”按钮c> 一个表格,包含以下几个表头:选择框、序号,IP, 操作系统,操作(选择框列用以勾选主机,进行后续提交操作)3> “任务纪录”页面包含以下元素:a> 三个下拉框:业务,用户,任务 一个“提交”按钮b> 一个时间选择器c> 一个表格,表头包含 “业务”“用户” “任务” “操作时间”“机器数” “状态” “参数” “详情” 将这两个页面成功“保存”,并“下载”到本地。 过程 第一个界面主要通过教程指引,按步骤完成;第二个界面则是完全依照教程展示的思路独立完成。 “执行任务” a&b 对MagixBox的使用途径不清楚,通过论坛的教程,找到PC端入口,之后通过可视化拖拽,将基本的组件完成编辑。 将代码复制到本地的html文件,即可通过浏览器打开。 c> 一个表格,包含以下几个表头:选择框、序号,IP, 操作系统,操作 “任务纪录” 通过观察入手,两个按钮目前没有添加效果,因此只是简单的把顺序互换,得到基础轮廓: a> 三个下拉框:业务,用户,任务 这一步同样简单,刚才的界面有两个复选框,我们复制其中的一个复选框并将其与其他的放在同一层次即可 不过此时,提交按钮自动移至下方,尚不知如何更改复选框的大小。 b> 一个时间选择器 在组件库中寻找 直接将代码复制到文件中的结果是苍白的 所以需要加入引入依赖文件,直接在最前面粘贴即可。 此时 原因是,通过这里描写可以看到,必须在使用其他js插件前调入jQuery,而我图省事直接把获得时间的js描述放到了前面,所以就没有加载成功。 还要注意,不要重复添加jQuery哦! c> 一个表格,表头包含 “业务”“用户” “任务” “操作时间”“机器数” “状态” “参数” “详情” 同样,我们先找到一个模板,并根据需要进行修改… Continue reading 蓝鲸实践作业——前端基础

添加备案号

任务 辛苦等到备案成功,需要在主网站底部添加备案号。 过程 找到footer.php文件(先备份哦~ 在恰当的位置插入: 即可。 很详尽的一篇教程:网站底部怎么放备案号 WordPress、CMS、discuz等常见程序添加方法

解决导入XML失败

任务 解决导入时错误:您的站点遇到了致命错误,请查看您的站点的管理电子邮箱来获得指引。 过程 开启调试 通过修改配置文件wp-config.php 查看报错 通过搜索,明白需要安装关于php的DOM扩展:php-xml 文档对象模型(DOM)是HTML和XML文档的编程接口。 安装PHP-XML 但会报错: Error: php72w-common conflicts with php-common-5.4.16-43.el7_4.x86_64 根据这篇有用的回答,解决方式是: yum install php72w-xml 确定已经安装成功 此时,必须要重启你的php服务: 导入成功!

更改域名

任务 当域名备案成功后,我希望访问网站可以直接通过域名leezeeyee.com访问。(之前是通过IP访问) 重要提示 对wordpress的文件进行配置修改时,请务必做好备份工作! 直接的方式: cp wordpress/ backup417/ -r 将所有的文件拷贝一份 过程 首先我的网站主页在根目录的wordpress文件夹下,这样必须通过访问 leezeeyee.com/wordpress(当前被我当做备份中文版本)才能访问成功,不便捷。 可以直接通过将index.php文件转移位置即可完成: 将当前文件夹下的index.php移至上一层目录。 并需要修改index.php文件中的相关路径信息 实现直接访问: 问题 此时新的文章链接仍然为IP地址,希望纠正 但我按照教程直接修改了URL的设定,但或许是因为我上一步的操作,出现了可怕的问题。 This page isn’t working leezeeyee.com is currently unable to handle this request. HTTP ERROR 500 我的博客再也打不开了。幸亏我之前有过备份,让我暗自庆幸。 最终解决 直接通过重装wordpress来改变它的固定链接,正好可以移动根文件的所在位置。 参考教程:使用WordPress自带导出导入功能备份和恢复网站 获得导出的XML文件,仅仅近500k的数据就包含了我在这个网站上写作的文字数据(图片仅仅是链接的格式)。不由得让人感慨信息量的神奇:一张图片的数据量很大,但它传递的信息却也可以非常有限,连贯的图像却又能包含了文字所不能传递的数据——准确的说,计算机上的所有数据都是数字化、离散化的。 之后按照教程删除wp-config.php文件与数据库wordpress中的wp-打头的表(后者其实可以不删!!!)再重新访问主机地址,就开始了新的安装过程。 导入数据 安装导入插件,仍然需要科学上网: Installation failed: Could not create directory. 开始上传,选择刚才导出的XML文件即可。 此时可能遇到问题: 您的站点遇到了致命错误,请查看您的站点的管理电子邮箱来获得指引。 请参考专门总结文章:解决导入XML失败

安装插件显示文章摘要

任务 发布文章后,文章的全部内容会全部显示,影响阅读体验。寻找方法只显示文章摘要。 wordpress有丰富的插件可以利用,选择wp-UTF8-Excerpt 安装 安装时跳出这个界面: 我也先是乖乖去学习配置ftp了(没必要 阿里云教程,全程很懵,都是不懂的概念。 最开始无法访问成功,和防火墙有关。关闭防火墙即可访问。 不过还是没能下载插件成功。最终解决方案: 修改配置 修改:在wp-config.php中 在定义ABSPATH的后面 添加下列三行代码: 注意: 在定义ABSPATH处 保存文件修改后即可直接下载插件。

搭建博客平台——安装wordpress

WordPress is open source software you can use to create a beautiful website, blog, or app. 一个方便开发网站、博客的开源软件 虽然看到零星有声音讲不要用别人的平台实现网站,但对于我搭建个人网站,从零开始成本太高。何况搜索信息后发现wordpress是非常值得信赖的。 安装 对于我来说安装过程较为曲折:访问官网时失败。 应当是国内IP被封锁的原因。但我尚对云服务器的联网功能不甚了解,至少本机网络开启VPN是没有作用的。 所以曲线救国—— 在本机中通过VPN访问官网下载wordpress安装包 寻找途径从本机将文件上传至云服务器 安装 只有中间的步骤是我不熟悉的,但我相信有途径,同样是曲折的探索道路。 直观操作实现Windows中文件上传至Linux云服务器 访问网址https://dms.console.aliyun.com/,进入dms文件管理终端 登录后,便可通过图形化界面进行上传文件等操作。 上传路径至: /usr/share/nginx/html 上传下载好的压缩安装包 成功上传 接下来就按正常步骤继续操作即可。 重要提示! 如果将解压后的文件全部直接放在 /usr/share/nginx/html/目录下 ,则访问你的主机地址就会定向到主页。(推荐) 但如果放在 /usr/share/nginx/html/wordpress/目录下 (好像解压后会是这样的结果),那么之后你访问时还要在网址后面加上/wordpress/,不甚美观。 /usr/share/nginx/html/ 相当于是网站的根目录。 步骤 需要修改配置文件wp-config.php 将上次建立的数据库名称,user名称,password密码填入对应位置即可。 设置好后访问主机IP地址: 此时就可以通过访问网址进行网站建设了~

搭建博客平台——基础环境

正是这个网站的传记 建站推荐使用Linux系统,见文章:三大操作系统比较,为什么开发要用Linux系统?,但看到购买服务器首选都是名为CentOS7,不知其为何物。搜索明白,这是高稳定性且开源免费的Linux版本,且相关教程都基于此,果断选择。 按照腾讯云教程步骤进行,当然阿里云也有相关教程。不过大同小异,都适用。 LNMP环境 Linux:Linux 操作系统 Nginx:Web 服务器 MariaDB:数据库 MariaDB的目的是完全兼容MySQL,包括API和命令行,使之能轻松成为MySQL的代替品 PHP:脚本语言 配置Nginx 查看Nginx是否配置成功时,无法访问服务器IP地址。在准备咨询客服前,找到这篇文章:阿里云服务器 nginx公网IP无法访问浏览器,解决了我的问题,需要配置安全组,以允许http访问。 配置安全组 添加http规则 访问成功 搭建数据库 MariaDB:数据库,本文以 MariaDB 10.4.8 为例。 MariaDB的目的是完全兼容MySQL,包括API和命令行,使之能轻松成为MySQL的代替品 根据指示设置用户名root密码,并添加新用户。 配置PHP 按照步骤进行,没有遇到问题,测试结果正确:

网站源起

上篇虚无缥缈的追忆,可以跳过不看 下篇总结下小白建站的坑,愿你看后跳过 上篇:年少二三事 初闻 第一次对网站有认识要追溯到少儿频道的动漫世界吧,那时的鞠萍姐姐会念出一串网址:3w.xxx.com.cn 很羡慕那些参与互动的小朋友能在电视中发出自己的声音,但给我的感觉是很遥远,与我无缘。 初探 后来呢,到小学上稀有的微机课,那时最希望能分配到有“金山画王”的台式电脑,感觉好玩极了,连“金山打字通”中的游戏都丰富的很,比起家中自己下载的版本中唯一的打字游戏“警察与小偷”——只能依靠在键盘上找好最初的几个字母持续几秒钟就被捕要有吸引力的多。可以说,在上大学之前,我对电脑的认识,也不过访问网站、玩玩游戏而已。 小学的微机老师曾向我们提出了个人网页的概念,建议我们可以在51同城或是58同城拥有一个自己的页面。我对此自然有兴趣,仍然有印象茫然的在家中的电脑上浏览着这种门户网站的繁杂信息,却不知道怎么去拥有一个自己的页面。 之后每当坐公交时,看到电视中播放杨幂拿着大喇叭喊:58同城!装房子买家具……我总会想到老师向我们推荐的这个尝试,疑问这和个人网页是否真的有关系?看来我的经济头脑并不开窍,没有利用网站发家致富的想法。 但互联网本身,对我们都具有着独特的魅力。仍记得初中自信心爆棚的一个同桌,曾煞有介事得在我对语文课本上默写出一串网址,告诉我这上面有他的一篇文章。里面还包括有&=这种字符,所以有可能他写错了,也可能我输错了,最终没有访问成功。 初识 比较接地气的认识到网站的申请是读郑渊洁的《童话大王》,有系列文章记录他第一次的经历,里面一篇文章记录了他是第一位接入宽带的大陆居民。此外,他还富于创见地申请了自己的域名:zhyj.com。含义是自己名字的缩写,对他讲述的原因印象深刻,zh是符合汉语拼音的缩写。印象中,我登陆过他的Z星球,但没有持续玩下去。如今,经我验证,他的这些网站都已无法访问。 下篇:光阴流转 开通个人博客 我的自我认识是比较喜欢展示自己的类型,因此在大学期间,某次与高中好友聊天,她提醒到我可以开通CSDN博客,把自己的学习记录下来,向她分享。我照办了,却暗下决心,一定要混出名头再展示给她。在这种压力之下,我坚持写了不少文章 ,以基础知识为主 ,技术性可能欠缺。不过还是起到不少作用——在很多编程课程的作业中,我都附上了个人博客的链接。 流连于他人网站 但我开始不满足于此,有很多东西想分享,却担心内容太庞杂,无法精准定位粉丝需求。尤其是一篇精心排版的文章未通过审核,让我心有不甘。偶尔通过链接,访问到其他人的个人网站,令人耳目一新,心生赞叹。看到界面下总有一行小字:power by xxx,点击会被链接到GitHub,让我感觉搭建网站在开源风盛行的当下应该有简单的途径,却还是无从下手,只敬仰作罢。 我收藏的几个网站 https://www.licoy.cn/ 同样使用wordpress搭建,技术博客 http://sijing233.com/ 数模比赛获奖的学姐 决心启航 再一次的激励是泡泡机器人的知识星球中有人提到了这个过程:申请域名、搭建服务器…… tips 由于最初只看到他的说法 (也不排除被广告蒙蔽的可能) ,因此我也完全按照此过程顺序实施。但实际上: 完全可以在没有域名的情况下购买云服务器建立网站。 但是如果不要域名,那么你的网站就只能通过你网站的IP地址来进行访问,但是IP地址往往不利于人们记忆(你购买的云服务器就具有IP地址) 我的推荐: 云服务器都有试用期,阿里云1个月,腾讯云半个月。尝试免费试用搭建网站,如果真的感兴趣,可以考虑购买云服务器。 不过如果你对建立个人网站十分感兴趣,做好了必然如此的决定,那么因为申请域名花费时间较长,所以先进行域名的备案也是没有问题的。 我燃起动力,果断搜索云服务器:腾讯云置顶广告位,通过教学视频了解了基本思路:视频演示了在windows的服务器中使用wordpress搭建个人博客的教程,发现并不复杂。 选择域名 tips 最佳选择.com后缀,最主流,解析最快 选择其他后缀请一定先在工信部网站确定可以备案,否则不能把域名解析到你的IP地址(他人依然无法通过域名访问) 经过精挑细选我确定了域名,这个过程还蛮艰辛: 没有他人的指导,通过了解资料,希望注册一个比较有价值的域名,愿意长期持有——毕竟需要交钱。 首先想到与网站的功能相关:learnslam?斟酌之下,认为自己现在并不能承担起这一重任。转而搜索自己的姓名相关,liziyi.com不出所料已被占用,虽不在运营中,我没有财力去购买。但我看到liziyi.name可以注册,但谨慎的搜索发现它无法备案——不能被解析访问。直接排除,最终还是把目光回转到.com域名中,与个人姓名相关且简单好记是我寻找的原则,我的名字拼音天然具备这一性质,可惜已被抢注。 经过我的思考,leezzee未被占用,咨询老爸: “ 挺好,一个高个儿领着一堆矬个儿” 。只是后来,我又想到了这个域名leezeeyee,认为它更合适些:有规律,知道我名字的人可以很快记住;符合我姓名的英文发音——甚至维基百科中还有这一条目,谷歌翻译为“李志义”,更别提这个名字对应的中国人也曾是风云人物。 选购云服务器 tips 云服务器和域名注册可视为相互独立的过程 域名可通过各种途径购买,注册 通常在购买云服务器所在平台进行备案,因此要选择值得信赖的平台… Continue reading 网站源起