rodude123/my-portfolio
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Got keywords from text using rake-php-plus and then stored in the DB, then used it to append the keywords to the meta tag.
🚀 Deploy website on push / 🎉 Deploy (push) Successful in 20s
Details

Browse Source 
Signed-off-by: rodude123 <rodude123@gmail.com>
This commit is contained in:
Rohit Pai
2023-11-18 13:06:27 +00:00
parent f27a5113b1
commit 5b063afad3
11 changed files with 161 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/blog/blogData.php
+15 -7
View File
@@ -7,10 +7,12 @@ use api\utils\imgUtils;
use DOMDocument;
use PDO;
use Psr\Http\Message\UploadedFileInterface;
use DonatelloZa\RakePlus\RakePlus;
use function DI\string;
use const api\utils\feedGenerator\ATOM;
use const api\utils\feedGenerator\RSS2;
require_once __DIR__ . "/../utils/config.php";
require_once __DIR__ . "/../utils/imgUtils.php";
require_once __DIR__ . "/../utils/feedGenerator/FeedWriter.php";
@@ -30,7 +32,7 @@ class blogData
$conn = dbConn();
$stmt = $conn->prepare("SELECT ID, title, DATE_FORMAT(dateCreated, '%Y-%m-%dT%TZ') AS dateCreated,
DATE_FORMAT(dateModified, '%Y-%m-%dT%TZ') AS dateModified, featured, abstract,
headerImg, body, bodyText, categories, folderID FROM blog ORDER BY featured DESC,
headerImg, body, bodyText, categories, keywords, folderID FROM blog ORDER BY featured DESC,
dateCreated DESC;");
$stmt->execute();
@@ -55,7 +57,7 @@ class blogData
$conn = dbConn();
$stmt = $conn->prepare("SELECT ID, title, DATE_FORMAT(dateCreated, '%Y-%m-%dT%TZ') AS dateCreated,
DATE_FORMAT(dateModified, '%Y-%m-%dT%TZ') AS dateModified, featured, abstract,
headerImg, body, bodyText, categories, folderID FROM blog WHERE
headerImg, body, bodyText, categories, keywords, folderID FROM blog WHERE
title = :title;");
$stmt->bindParam(":title", $title);
$stmt->execute();
@@ -80,7 +82,7 @@ class blogData
$conn = dbConn();
$stmt = $conn->prepare("SELECT ID, title, DATE_FORMAT(dateCreated, '%Y-%m-%dT%TZ') AS dateCreated,
DATE_FORMAT(dateModified, '%Y-%m-%dT%TZ') AS dateModified, featured, abstract,
headerImg, body, bodyText, categories, folderID FROM blog ORDER BY
headerImg, body, bodyText, categories, keywords, folderID FROM blog ORDER BY
dateCreated DESC LIMIT 1;");
$stmt->execute();
@@ -104,7 +106,7 @@ class blogData
$conn = dbConn();
$stmt = $conn->prepare("SELECT ID, title, DATE_FORMAT(dateCreated, '%Y-%m-%dT%TZ') AS dateCreated,
DATE_FORMAT(dateModified, '%Y-%m-%dT%TZ') AS dateModified, featured, abstract,
headerImg, body, bodyText, categories, folderID FROM blog WHERE featured = 1;");
headerImg, body, bodyText, categories, keywords, folderID FROM blog WHERE featured = 1;");
$stmt->execute();
$result = $stmt->fetch(PDO::FETCH_ASSOC);
@@ -225,7 +227,9 @@ class blogData
$from = "../blog/imgs/tmp/";
$newBody = $this->changeHTMLSrc($body, $to, $from);
$stmt = $conn->prepare("UPDATE blog SET title = :title, featured = :featured, abstract = :abstract, body = :body, bodyText = :bodyText, dateModified = :dateModified, categories = :categories WHERE ID = :ID;");
$keywords = implode(", ", RakePlus::create($bodyText)->keywords());
$stmt = $conn->prepare("UPDATE blog SET title = :title, featured = :featured, abstract = :abstract, body = :body, bodyText = :bodyText, dateModified = :dateModified, categories = :categories, keywords = :keywords WHERE ID = :ID;");
$stmt->bindParam(":ID", $ID);
$stmt->bindParam(":title", $title);
$stmt->bindParam(":featured", $featured);
@@ -234,6 +238,7 @@ class blogData
$stmt->bindParam(":bodyText", $bodyText);
$stmt->bindParam(":dateModified", $dateModified);
$stmt->bindParam(":categories", $categories);
$stmt->bindParam(":keywords", $keywords);
return $stmt->execute();
}
@@ -282,8 +287,10 @@ class blogData
$stmtMainProject->execute();
}
$stmt = $conn->prepare("INSERT INTO blog (title, dateCreated, dateModified, featured, headerImg, abstract, body, bodyText, categories, folderID)
VALUES (:title, :dateCreated, :dateModified, :featured, :headerImg, :abstract, :body, :bodyText, :categories, :folderID);");
$keywords = implode(", ", RakePlus::create($bodyText)->keywords());
$stmt = $conn->prepare("INSERT INTO blog (title, dateCreated, dateModified, featured, headerImg, abstract, body, bodyText, categories, keywords, folderID)
VALUES (:title, :dateCreated, :dateModified, :featured, :headerImg, :abstract, :body, :bodyText, :categories, :keywords, :folderID);");
$stmt->bindParam(":title", $title);
$stmt->bindParam(":dateCreated", $dateCreated);
$stmt->bindParam(":dateModified", $dateCreated);
@@ -294,6 +301,7 @@ class blogData
$stmt->bindParam(":body", $newBody);
$stmt->bindParam(":bodyText", $bodyText);
$stmt->bindParam(":categories", $categories);
$stmt->bindParam(":keywords", $keywords);
$stmt->bindParam(":folderID", $folderID);
if ($stmt->execute())
src/blog/css/blogPosts.css
+6 -1
View File
@@ -73,6 +73,10 @@ article {
padding: 0 2em;
}
article a {
padding: 0 1em;
}
article a::before,
article a::after {
visibility: hidden;
@@ -81,7 +85,7 @@ article a::after {
}
article a::before {
content: '<';
content: ' <';
margin-left: -0.5em;
}
@@ -158,6 +162,7 @@ div.feeds .icons {
justify-content: space-around;
align-items: flex-start;
gap: 0.5em;
flex-wrap: wrap-reverse;
}
div.feeds h2 {
src/blog/css/main.css
-3
View File
@@ -166,9 +166,6 @@
grid-row: 2;
}
div.feeds .icons {
flex-wrap: wrap;
}
}
@media screen and (max-width: 30em) {
src/blog/js/index.js
+54 -2
View File
@@ -156,7 +156,7 @@ function createLargePost(post)
<h2>${post.title}</h2>
<h3>Last updated: ${dateModifiedString} | ${categories}</h3>
<p>${post.abstract}</p>
<a href="/blog/post/${post.title}#disqus_thread" class="btn btnPrimary">See Post</a>
<a href="/blog/post/${post.title}" class="btn btnPrimary">See Post</a>
`;
content.appendChild(postContent);
outerContent.appendChild(content);
@@ -384,6 +384,54 @@ async function createSideContent()
return sideContent;
}
function createMetaTag(nameOrProperty, attribute, value)
{
let existingTag = document.querySelector(`meta[name="${nameOrProperty}"], meta[property="${nameOrProperty}"]`);
if (!existingTag)
{
// If the meta tag doesn't exist, create it
let newTag = document.createElement('meta');
newTag.setAttribute(nameOrProperty.includes('name') ? 'name' : 'property', nameOrProperty);
newTag.setAttribute(attribute, value);
document.head.appendChild(newTag);
return;
}
existingTag.setAttribute(attribute, value);
}
/**
* inserts the meta tags
* @param json - the json
*/
function insertMetaTags(json)
{
let metaDesc = document.querySelector('meta[name="description"]');
metaDesc.setAttribute('content', json.abstract);
// Twitter meta tags
createMetaTag('twitter:title', 'content', json.title);
createMetaTag('twitter:description', 'content', json.abstract);
createMetaTag('twitter:image', 'content', json.headerImg);
// Open Graph (Facebook) meta tags
createMetaTag('og:title', 'content', json.title);
createMetaTag('og:description', 'content', json.abstract);
createMetaTag('og:image', 'content', json.headerImg);
createMetaTag('og:url', 'content', window.location.href);
createMetaTag('og:type', 'content', 'blog');
createMetaTag('og:site_name', 'content', 'Rohit Pai\'s Blog');
createMetaTag('og:locale', 'content', 'en_GB');
//Keywords
let metKeywords = document.querySelector('meta[name="keywords"]');
let keywords = metKeywords.getAttribute('content');
keywords += `, ${json.keywords}`;
metKeywords.setAttribute('content', keywords);
}
/**
* Trys to load the individual post if not runs the 404 function
* @param title
@@ -401,6 +449,8 @@ async function loadIndividualPost(title)
await res.json().then(async json =>
{
//replace meta description
insertMetaTags(json);
// create the post
let post = document.createElement('section');
post.classList.add('post');
@@ -413,7 +463,9 @@ async function loadIndividualPost(title)
<div class="byLine">
<h3>Published: ${createFormattedDate(json.dateCreated)} | Last updated: ${createFormattedDate(json.dateModified)}</h3>
<h3>${createButtonCategories([csvToArray(json.categories.replace(/\s*,\s*/g, ','))])}</h3>
<div class="sharethis-inline-share-buttons"></div>
<div class="sharethis-inline-share-buttons" data-url="https://rohitpai.co.uk/blog/post/${title}"
data-title="${json.title}" data-description="${json.abstract}"
data-image="https://rohitpai.co.uk/${json.headerImg}" data-username="@rohitpai123"></div>
</div>
<div class="cover" style="background-image: url('${json.headerImg}')"></div>
${json.body}
src/css/templateStyles.css
+5 -2
View File
@@ -299,6 +299,9 @@ a {
text-transform: lowercase;
}
a.link {
padding: 0 0.5em;
}
a.link::before,
a.link::after {
@@ -308,12 +311,12 @@ a.link::after {
}
a.link::before {
content: '<';
content: ' <';
margin-left: -0.5em;
}
a.link::after {
content: '>';
content: '> ';
}
a.link:hover::before,